关于图文列表Z形流动布局的问题

如图所示，图文列表在Z形流动的时候，如何在横向上平均分布并占满宽度？

不要沉，顶起来！

Shawn.Liu 发表于 2023-10-23 18:16
感谢格友的支持，楼主大佬可以作为参考，这边测试了下，和格友的方案类似，控制图文列表和模版之间的大小关 ...

大佬，这办法不行，分辨率变了就不行了

感谢格友的支持，楼主大佬可以作为参考，这边测试了下，和格友的方案类似，控制图文列表和模版之间的大小关系，分配好每个模版所占的空间。

ShiG 发表于 2023-10-23 16:29
最好还是上传一个类似demo来解决  不然不好下手

这个不用demo吧，比如图文列表一共1200宽度，再进入编辑图文列表页面中设置200的宽来展示图片，再把图文列表的但与格样式中的边距删掉。那么这个时候一行最多就展示6个图片，超出的是就会自动的换行，然后安装z形来排列

antd 发表于 2023-10-23 15:44
编辑图文列表的时候就计算好一个占用的宽度，再把图文列表的一些边距删除，就可以铺满了

最好还是上传一个类似demo来解决  不然不好下手

编辑图文列表的时候就计算好一个占用的宽度，再把图文列表的一些边距删除，就可以铺满了

大佬，这边如果需要使网页能够适应不同屏幕大小，可以使用页面流式布局的方法，设置图文列表列宽为范围模式，基于比例定义页面元素；


页面流式布局 - 活字格V9帮助手册 - 葡萄城产品文档中心 (grapecity.com.cn)