图文列表横向排列如何自动居中

Joe.xu

图文列表横向排列默认是左对齐，如何自动居中，单元格居中也不起作用，请教如何自动居中，谢谢！

Joe.xu · Joe.xu

您好，由于这个图文列表的设计比较复杂，里面的大量样式都是封装好的，实在是不好调整

。

如果只是单元格div的话，应该可以用css调整居中

Chelsey.Wang · Chelsey.Wang

您好，您说的居中是什么意思呢，这种问题您最好能附上截图和效果示意图，说明您想要的效果是什么，这样方便我们理解您的问题，帮助您更快的解决问题哦~

Tracy.Liu · Tracy.Liu

这个布局方式，是从左开始依次排序的，不能设置居中排列呢。
您方便描述一下您的实际应用场景是什么么？我帮你看看有没有什么更好的解决方案~

xyltk1973 · xyltk1973

Tracy.Liu 发表于 2021-4-25 11:03
这个布局方式，是从左开始依次排序的，不能设置居中排列呢。
您方便描述一下您的实际应用场景是什么么？我 ...

场景：表格中的数据是动态的，若数据较少，图文列表横向排列非常不美观，如下图

我试了下，竖向排列是自动居中，但横向只能居左，非常难看！
需求：无论数据多少，横向排列都想要居中，有什么办法，谢谢

Joe.xu · Joe.xu

本帖最后由 Joe.xu 于 2021-4-25 18:39 编辑

您好，有一点要和您确认一下，像您说这个水平居中，
如果是两行数据但却没排满的时候怎么居中呢，因为我们这个组件是图文列表是针对多行数据展示来设计的，
所以多行居中的需求不知道规则如何设定

例如有九条数据时第二行的居中规则没办法确定，
同时看您的这个需求，应该每个区域只有可能数据为0，
不应该出现不显示的情况呀

xyltk1973 · xyltk1973

Joe.xu 发表于 2021-4-25 18:38
您好，有一点要和您确认一下，像您说这个水平居中，
如果是两行数据但却没排满的时候怎么居中呢，因为我们 ...

能不能模仿单元格文本居中方式，不管有几行数据，在单元格内都能居中显示，和有几行数据没关系

xyltk1973 · xyltk1973

Joe.xu 发表于 2021-4-26 10:21
您好，由于这个图文列表的设计比较复杂，里面的大量样式都是封装好的，实在是不好调整。

如果只是单 ...

谢谢解答！我们再想想其他办法吧

Joe.xu · Joe.xu

xyltk1973 发表于 2021-4-26 14:49
谢谢解答！我们再想想其他办法吧

感谢支持，后面有问题欢迎继续沟通哈

		自动登录	找回密码
密码			立即注册

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