CSS

多列布局column-count

字号+ 编辑: Snake 修订: SyncLWT 来源: 2023-09-10 我要说两句(0)

column-count属性主要用来给元素指定想要的列数和允许的最大列数。

3、多列布局——column-count

column-count属性主要用来给元素指定想要的列数和允许的最大列数。

其语法规则:

column-count:auto | <integer>

取值说明:

属性值属性值说明
auto此值为column-count的默认值,表示元素只有一列,其主要依靠浏览器计算自动设置。
<integer>此值为整数值,主用来定义元素的列数,取值为大于0的整数,负值无效。

例如:将列分成四列显示,代码如下:column-count:4;

style.css代码:

.columns{
padding:5px;
border:1px solid green;
width:600px;
margin:20px auto;
-webkit-column-count:2;
-moz-column-count:2;
-o-column-count:2;
-ms-column-count:2;
column-count:2;
}


阅完此文,您的感想如何?
  • 有用

    0

  • 没用

    0

  • 开心

    0

  • 愤怒

    0

  • 可怜

    0

1.如文章侵犯了您的版权,请发邮件通知本站,该文章将在24小时内删除;
2.本站标注原创的文章,转发时烦请注明来源;
3.交流群: PHP+JS聊天群

相关课文
  • 多个高度相同, 属性inline-block的div,有的div没有内容而有的div有内容,有内容的会下沉?

  • 让整个网页全局变成黑白色调的css代码

  • CSS生成内容

  • CSS3外轮廓属性

我要说说
网上宾友点评