column-width column-count同时使用时column-width是不是不起作用

来源:10-2 CSS3 多列布局——column-width

慕数据2409684

2015-08-27 11:31

column-width:100px;

  -webkit-column-width:100px;

  -moz-column-width:200px;

  -ms-column-width:100px;

  -o-column-width:100px;

  

  -webkit-column-count:3;

  -moz-column-count:3;

  -o-column-count:3;

  -ms-column-count:3;

  column-count:3;

设置成3列,每列宽100px,但是列宽没有起作用?

写回答 关注

4回答

  • Kingziqiang
    2017-08-20 15:09:09

    宽度是根据父盒子和你列数决定的如果宽度非常宽,不管你设置几列都显示一列;反之也成立;

  • 冷月诗魂
    2016-03-28 10:26:27

    总宽距900px,你设置成超过300px就能知道原因了,系统会自动把多余出来的宽度再次均分给3列的~

  • 雨过之后
    2016-03-12 09:45:48

    我也遇到这样的问题,感觉设置那个200px 根本没作用,列的间距也没变

  • gulang6839
    2015-12-12 16:09:07

    遇到同样的问题了?等待大神解析~

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242554 学习 · 2623 问题

查看课程

相似问题