CSS column-width属性
column-width属性
CSS中,column-width属性,可设置多列元素中列的宽度,注意,是列的宽度,而不是列与列之间的宽度。
语法
column-width:auto | length;
可选属性值
属性值 | 描述 |
---|---|
auto | 浏览器决定列的宽度 |
length | 指定列宽度 |
column-width属性实例代码,及在线编辑器
<p id='p1'>这是一个段落p,里面的文本内容将使用column-width属性来设置列的宽度。就设置为60px吧,看看展示的效果如何,如果可以,就不修改了。值得一提的是,设置了列的宽度之后,元素的列数将会自动划分。</p>
<style>
#p1{column-width:60px;}
</style>