vue前端、uniapp和element ui

uni-app瀑布流column-count多列布局出现“一个内

2023-02-24  本文已影响0人  吾国万疆

瀑布流:column-count: 2;
1,2,3代表几行


内容在两列显示:
为什么会出现这样的原因?应该是它的计算原理:将所有容器的高度求和,然后再除以列数,得出每列显示的内容高度。

解决方法:指定每个容器只能完整的显示,不分裂:
-webkit-column-break-inside: avoid;

上一篇下一篇

猜你喜欢

热点阅读