分栏布局(多列布局)

column-count: 列数目  
column-gap: 各列之间间隙宽度  
column-width: 建议宽度;未必会使用,浏览器基于此数值进行计算。
column-rule:列之间分割线宽度,风格,颜色
column-rule-width:列之间分割线宽度  
column-rule-style:列之间分割线风格  
column-rule-color:列之间分割线颜色 
column-span: 允许一个元素的宽度跨越多列  
column-fill: 分列方式
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
.demo{ /*列数目*/ column-count: 2; /*列之间分割线宽度,风格,颜色*/ column-rule:1px solid red; font-size:12px; border:1px solid #e2e2e6; } .demo li{ list-style: none; }

你可能感兴趣的:(CSS)