1.设置栏数

  语法:

column-count:数值;

  2.设置每栏的宽度

  语法:

column-width:数值+单位;

  注:column-count和column-width设置其中一个即可

  3.设置栏间距

  语法:

column-gap:数值+单位;

  4.设置栏间隔线

  语法:

column-rule:宽度线型(solid/dashed/dotted)颜色;

  eg:

column-rule:2px solid red;

  5.设置元素是否跨栏显示

  语法:

column-span:all(跨栏显示)|none(不跨栏显示);

  注:该属性给需要跨栏显示的元素添加;

  火狐不支持该属性。