问答详情
源自:10-2 CSS3 多列布局——column-width

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

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,但是列宽没有起作用?

提问者:慕数据2409684 2015-08-27 11:31

个回答

  • 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

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