css column-count CSS3 column-count 属性

css column-count

CSS column-count 属性是用来定义一个元素内部的列数，从而将内容分割成多列布局。它可以让你在一个元素中添加多列，而不需要使用多个元素。

column-count 属性可以让你控制元素中的内容如何排版，并且可以让你在不同的浏览器上得到相同的效果。它可以帮助你快速地将文本或者图片排版成多列，而不需要使用复杂的代码。

.container { 
    column-count: 3; 
} 

上面这段代码会将 .container 元素中的内容划分成三列，并且会根据浏览器大小自动调整布局。column-count 属性还可以和 column-width 属性一起使用，来更好地控制元素中内容的布局。

 
.container { 
    column-count: 3; 
    column-width: 200px; 
} 

上面这段代码会将 .container 元素中的内容划分成三列，并且会根据浏览器大小自动调整布局，各个列的宽度都是 200px。column-count 和 column-width 还可以通过 CSS3 的 column-gap 属性来控制各个列之间的间隔大小。

CSS3 column-count 属性

div
{
-moz-column-count:3; 
-webkit-column-count:3; 
column-count:3;
}

column-count: number|auto;