为什么我写column-width没有控制宽度 还是colum-count控制页数来控制的
因为哪怕你只设置列数column-count,系统已经根据页面宽度设置好column-width了, 会将与你设置的width作比较,哪个width大就用哪个来根据页面总宽度决定总列数
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。
column-width 没有反应说明你设置的列数*列宽远远小于你设置的那个宽度,这个时候浏览器只能根据列数来进行计算了,忽略了列宽
你是怎么设置的?你设置宽度的时候有没有设置默认值?