column-width感觉没反应

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

qq_无心之泪_04158203

2017-09-26 17:05

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

写回答 关注

4回答

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

    破旧的时光机...

    完全不是这回事你把代码拷下来试下就知道了。

    2017-10-09 20:29:18

    共 1 条回复 >

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

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

十天精通CSS3

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

242553 学习 · 2623 问题

查看课程

相似问题