table中td内容换行问题

ttx9n · 发表于 2009-11-19 11:35:10

table也是我们常用的一种布局形式，今天就发现网站有一个样式的小bug，我们有一个字段叫专长，原本是里面填写词组的，但是不巧的是有一位用户恶意填写了不间断的英文字符例如l：lovelovelovelovelovelovelovelovelovelovelovelove这样的，于是乎，我们的td就被无情的撑开了，无法换行，⊙﹏⊙

解决方案：

一般有两种：就是td里面再套一个div，然后设置这个div的word-break：all，或者什么，网上很多

第二种是针对表格：首先要将table的宽度设置为100%，然后把表格的sytle的table-layout：fixed，就是表格固定宽度，就是表格即要自适应他外面的容器，也不要撑出去，然后设置td的word-wrap：break-word；换行，问题就解决了。

plvo189 · 发表于 2022-10-23 07:53:08

谢谢小Y分享

6q8s6p21 · 发表于 2022-11-18 05:26:43

撒房产税陈飞飞

wxrf98xr · 发表于 2023-10-27 00:38:23

呵呵呵呵呵呵呵a

plvo189 · 发表于 2023-10-27 22:54:30

需要很久了终于找到了

mkonji · 发表于 2024-3-2 06:55:30

加快速度很快就撒谎

x20yd3qx · 发表于 2024-3-25 00:37:11

好人好人好人好人

额呵呵 · 发表于 2024-5-13 20:09:20

飞飞飞飞飞飞飞飞飞飞飞飞飞

5vulod · 发表于 2024-6-28 18:34:32

呵呵呵呵呵呵

额呵呵 · 发表于 2024-6-29 21:16:17

谢谢小Y分享

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

[CSS] table中td内容换行问题

相关帖子