利用column-width属性设置多栏布局

最新推荐文章于 2023-09-11 07:05:18 发布

dongjie7076

最新推荐文章于 2023-09-11 07:05:18 发布

阅读量215

点赞数

原文链接：http://www.cnblogs.com/lhq1717/p/6194406.html

版权

css样式设置为：

div{
background:blanchedalmond;
margin:0 auto;
width:1230px;
-moz-column-width:400px;
-webkit-column-width:400px;

}

在利用column-width属性设置多栏布局是可能会出现这样的情况:每列长度为600px

与设置的样式相悖，出现这种情况的原因是column-gap的最小值为1em即列与列之间的最小距离为16px;当列的长度为400px ，如果将整个div分为3列时，column-gap的值为15px小于16px ,所以整个div不能分为3列，所以整个div分为2列，为了满足div的长度，所以导致每列的长度会变大

转载于:https://www.cnblogs.com/lhq1717/p/6194406.html