table表格某一td内容太多导致样式混乱的解决方案

ttx9n · 发表于 2014-5-31 16:59:00

对于有很多条目的数据，我们通常采用table元素来快速实现，如果某一td的内容太多的话就会出现一片混乱，本文提供了不错的解决方案，有需求的朋友可以参考下问题

在开发过程难免遇到这样那样的问题。对于有很多条目的数据，我们通常采用table元素来快速实现。如果某一个td的内容太多的话就会出现下面的情况，导致样式混乱难看：

解决方案

要让table的宽度固定我们可以给table元素设置table-layout:fixed;样式，但这样表格的宽度问题是解决了，但是里面的内容并不会自动换行。我们还需要给td设置word-break: break-all; word-wrap:break-word;即可完美解决。如下图：

这样的确可以很好地解决问题。记录下，以备后用。

溪谷玉贤 · 发表于 2022-8-9 01:39:18

需要很久了终于找到了

cxst1h57 · 发表于 2022-9-23 01:16:39

啦啦啦啦啦德玛西亚

64000928 · 发表于 2022-10-7 10:01:04

老衲笑纳了

i3x3r3 · 发表于 2022-11-16 09:37:26

收下来看看怎么样

额呵呵 · 发表于 2023-1-19 10:16:31

抽根烟，下来看看再说

r8st9 · 发表于 2023-6-20 22:04:17

看看看看

nan372532848 · 发表于 2023-9-3 07:10:33

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

nwk53kbd · 发表于 2023-10-21 04:44:45

。。。。。。。。。。。。。。。

ki9ku6 · 发表于 2023-11-27 10:27:35

有什么好的服务器

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

[CSS] table表格某一td内容太多导致样式混乱的解决方案