多列布局——column-width

Posted 孤岚

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了多列布局——column-width相关的知识,希望对你有一定的参考价值。

column-width的使用和CSS中的width属性一样,不过不同的是,column-width属性在定义元素列宽的时候,既可以单独使用,也可以和多列属性中其他属性配合使用。其基本语法如下所示 ;

column-width: auto | <length>

取值说明

属性值

说明

auto

如果column-width设置值为auto或者没有显式的设置值时,元素多列的列宽将由其他属性来决定,比如前面的示例就是由列数column-count来决定。

<length>

使用固定值来设置元素列的宽度,其主要是由数值和长度单位组成,不过其值只能是正值,不能为负值。

 

 

以上是关于多列布局——column-width的主要内容,如果未能解决你的问题,请参考以下文章

分栏布局/多列布局

多列布局

css多列布局

多列布局(column)

CSS3多列布局模块属性:

Day15-CSS3