以下是一个简单的例子,展示如何使用 column-width 属性:
.container {
column-width: 200px;
}
在这个例子中,.container 元素的内容将被分为一列,每列的宽度为200像素。浏览器将根据这个宽度自动计算列数。
请注意,column-width 与 column-count 属性一起使用,可以更精确地控制多列布局。如果同时设置了这两个属性,浏览器会根据它们来平衡创建列的数量和每列的宽度。
转载请注明出处:http://www.zyzy.cn/article/detail/4170/CSS