大佬教程收集整理的这篇文章主要介绍了使用CSS列计数不会仅仅平衡Chrome中的内容,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
但是我发现Chrome没有正确地平衡列,所以前两列很长,最后(第3)列非常短,通常只有1或2个项目.我添加了属性@H_673_3@
column-fill: balance;
可以肯定的是,即使它应该是默认值,但它没有任何区别.任何帮助赞赏.@H_673_3@
CSS@H_673_3@
#catalogue-section { /* Prevent vertical gaps */ line-height: 0; -webkit-column-count: 3; -webkit-column-gap: 0px; -webkit-column-fill: balance; -moz-column-count: 3; -moz-column-gap: 0px; -moz-column-fill: balance; column-count: 3; column-gap: 0px; column-fill:balance; } #catalogue-section div { /* Just in case there are inline attributes */ width: 100% !important; height: auto !important; }
HTML@H_673_3@
见http://www.shortkidstories.com/story@H_673_3@
如果您在IE或Firefox中转到此页面,则会平衡列,但不会在Chrome中平衡.@H_673_3@
以上是大佬教程为你收集整理的使用CSS列计数不会仅仅平衡Chrome中的内容全部内容,希望文章能够帮你解决使用CSS列计数不会仅仅平衡Chrome中的内容所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。