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

column-width感觉没反应

为什么我写column-width没有控制宽度 还是colum-count控制页数来控制的

提问者:qq_无心之泪_04158203 2017-09-26 17:05

个回答

  • qq_嶸歸_0
    2018-08-21 15:01:10

    因为哪怕你只设置列数column-count,系统已经根据页面宽度设置好column-width了, 会将与你设置的width作比较,哪个width大就用哪个来根据页面总宽度决定总列数

  • 爱上慕婉清6262634
    2017-10-11 13:46:23

    column-width 设置的宽度是最小宽度  

    假设div宽度是900,设置的column-width是200,若此时未指定column-count,则按照每列200宽度开始将div铺满,但是我们会发现4列后剩下宽度不够200了,这个时候进行内容自适应,即column-count为4,将900宽度均分为4列,每列宽度会大于200。

    假设div宽度是900,设置的column-width是200,此时指定column-count为3,则按照column-count,将900宽度均分为3列,每列宽度会大于200。

    假设div宽度为500, 设置的column-width是200,此时指定column-count为3, 则按照每列200宽度开始将div铺满,2列后剩下宽度不够200了,这个时候会自动改变column-count,即column-count为2,将500宽度均分为2列,每列宽度会大于200。

  • 慕粉18144024425
    2017-09-28 22:50:18

    column-width 没有反应说明你设置的列数*列宽远远小于你设置的那个宽度,这个时候浏览器只能根据列数来进行计算了,忽略了列宽

  • 燕秋Love510
    2017-09-27 11:35:01

    你是怎么设置的?你设置宽度的时候有没有设置默认值?