uni-app瀑布流column-count多列布局出现“一个内
2023-02-24 本文已影响0人
吾国万疆
瀑布流:column-count: 2;
1,2,3代表几行
内容在两列显示:
为什么会出现这样的原因?应该是它的计算原理:将所有容器的高度求和,然后再除以列数,得出每列显示的内容高度。
解决方法:指定每个容器只能完整的显示,不分裂:
-webkit-column-break-inside: avoid;
瀑布流:column-count: 2;
1,2,3代表几行
内容在两列显示:
为什么会出现这样的原因?应该是它的计算原理:将所有容器的高度求和,然后再除以列数,得出每列显示的内容高度。
解决方法:指定每个容器只能完整的显示,不分裂:
-webkit-column-break-inside: avoid;