如何让表格里文字变两行
.jpg)
律孟恨
那天在电脑前敲敲打打，突然有个表格里的文字挤在一行，看着别扭。我记得以前看过什么方法能调整，但就是想不起来。等等，还有个事，我突然想到，那次培训的时候，老师好像提到过。对，就是“wordwrap”属性。时间回到2020年，在杭州的一次前端技能分享会上，有个讲师详细讲过这个。他当时举了具体例子，说把表格的标签里加上style="word-wrap: break-word;"，文字就能自动换行了。我试了试，还真灵。地点是在公司会议室，那天刚好有同事过生日，大家热闹得很。不过，具体数字嘛，我记不太清了，大概就是那几十分钟的时间里，解决了问题，又享受了一顿丰盛的蛋糕。 .jpg)
沃仲翠
这个问题我之前还真踩过坑。记得有一次，我帮一个朋友做网站，他需要一个表格，表格里的文字要显示两行，结果我捣鼓了好半天，就是不行。那时候，我用了、
| 这些标签，文字就是只显示一行，不管我怎么调整CSS样式。 后来，我灵机一动，想起了 标签。我就在 标签里套了一个 | ，然后给这个 加上了white-space: normal;和overflow: visible;的样式。嘿，这样一来，文字就能显示成两行了。不过，这个方法有个缺点，就是表格的宽度会根据最宽的单元格内容来调整，有时候看起来有点别扭。 具体代码示例如下：
这块我踩过坑，所以知道挺实用的。不过，如果表格里的文字不是特别长，用 标签手动换行可能更简单。哈就是得手动一个一个加，挺麻烦的。 相关推荐 |