为了账号安全,请及时绑定邮箱和手机立即绑定

column-width感觉没反应

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

正在回答

4 回答

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

0 回复 有任何疑惑可以回复我~

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。

5 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~
#1

破旧的时光机3662066

完全不是这回事你把代码拷下来试下就知道了。
2017-10-09 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

column-width感觉没反应

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信