图文列表如何自动居中

登录

本帖最后由隔壁老王于 2022-11-18 19:52 编辑

手机图文列表有两列可不可以自动居中呢？
如果慢慢调试太麻烦了，并且不同手机最后显示的效果可能还不一样的

Erik.Xue · Erik.Xue

可以尝试进行图文列表和外层内容的计算，用transform: translateX()，计算下图文列表内部元素和图文列表容器间距的大小，比如如图示例设置为了42px，显示是居中。

具体可以参考demo。

豪～豪 · 豪～豪

没什么办法

wangpenga · wangpenga

可以试试

隔壁老王 · 隔壁老王

wangpenga 发表于 2022-11-19 10:19
可以试试

这个好像不能滚动

wangpenga · wangpenga

隔壁老王发表于 2022-11-19 10:25
这个好像不能滚动

确实

，那只能用css了，等我有时间

隔壁老王 · 隔壁老王

Erik.Xue 发表于 2022-11-21 10:28
可以尝试进行图文列表和外层内容的计算，用transform: translateX()，计算下图文列表内部元素和图文列表容 ...

完全没搞懂，关键我没找到你那个截图位置今天头大先放着

Grayson.Shang · Grayson.Shang

[已处理] 图文列表如何自动居中