uni-app瀑布流column-count多列布局出现“一个内容被切割在两列显示”解决方法

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


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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容