首页 > Web开发 > 详细

css3多列布局

时间:2020-08-21 22:07:41      阅读:80      评论:0      收藏:0      [点我收藏+]

css3多列布局

css多列属性

 

属性

描述

column-count

指定元素应该被分割的列数。

column-fill

指定如何填充列

column-gap

指定列与列之间的间隙

column-rule

所有 column-rule-* 属性的简写

column-rule-color

指定两列间边框的颜色

column-rule-style

指定两列间边框的样式

column-rule-width

指定两列间边框的厚度

columns

设置 column-width 和 column-count 的简写

 

使用创建多列布局  

.box {
            /* 指定元素被分割的列数 */
            column-count: 4;
            /* 填充列 */
            column-fill: auto;
            /* 列与列之间的间隙 */
            column-gap: 40px;
            /* 列边框 */
            column-rule-color: lawngreen;
            column-rule-style: solid;
            column-rule-width: 1px;
        }

  

css3多列布局

原文:https://www.cnblogs.com/wenaq/p/13543148.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!