Nat*_*n H 7 html css google-chrome
我inline-block使用CSS列在2列中显示了一系列div.
我希望平衡列(例如每侧5个项目).
没有inline-block它工作正常.然而,它有时会在我的一个元素中断.添加inline-block修复此问题但Chrome中的列不再平衡.在Firefox中它工作正常.
根据这篇文章(https://css-tricks.com/guide-responsive-friendly-css-columns/#article-header-id-9),默认情况下它应该是平衡的,除非我设置了一个高度.我没有设定高度,但我怀疑inline-block导致相同的情况.
该column-fill属性应该可以解决此问题,但Chrome不支持.
我可以使用polyfill或变通方法吗？
我真的不推荐使用 inline-block
我认为你应该尝试这个替代方案
对于响应式网站，请考虑使用媒体查询