table表格th,td(头部、内容)自动换行的问题

table表格th,td(头部、内容)自动换行的问题

table表格th,td(头部、内容)自动换行的问题

在html中经常使用表格,如果表格内容过长,我们希望它能自动换行。网络上搜索各种解决方案,都告诉你使用word-break : normal | break-all | keep-all,然并卵!

本次我在做报表时,使用了多种办法,终于得到一点总结,现在记录如下。

首先,你的table必须对全部的th、td进行列宽控制,代码如下:

其次,对你的具体的table使用以下样式控制:

当然,上面的代码你还可以控制固定长度,这个不冲突。不过需要注意的是,你的表格总长度不够的话,很多文字可能会被压缩到一起。

最后,具体要文字自动换行的列再控制下:

实现效果:

相关推荐

磁力宅电脑怎么用
det365官网登录

磁力宅电脑怎么用

📅 09-24 👁️ 4006
全球15种鹤都在这儿,你认识几种?
det365官网登录

全球15种鹤都在这儿,你认识几种?

📅 07-05 👁️ 8831
免费好玩的橙光游戏排行榜 橙光游戏排行榜榜前十名
墉怎么读音
det365官网登录

墉怎么读音

📅 08-14 👁️ 9365
故事的英文怎么读 动物寓言故事的英文怎么读
365bet客户端下载

故事的英文怎么读 动物寓言故事的英文怎么读

📅 07-28 👁️ 2158
全民突击千鸟和瑞恩哪个好
体育在线365

全民突击千鸟和瑞恩哪个好

📅 08-13 👁️ 5514