300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > Table表格中内容太多 不会自动换行导致样式混乱解决办法

Table表格中内容太多 不会自动换行导致样式混乱解决办法

时间:2022-06-28 08:09:25

相关推荐

Table表格中内容太多 不会自动换行导致样式混乱解决办法

问题:

在开发使用自适应表格时,如果某一个td的内容太多的话,并且内容没有‘-’/单词边界等,导致内容不会自动换行,直接一行显示 导致样式混乱难看

解决方法

td {word-break: break-all; // 设置强行换行 break-all强制英文单词断行word-wrap: break-word; // 内容将在边界内换行}// 内联样式<td style="max-width: 600px; word-break: break-all; word-wrap:break-word;">{{data }}</td>// 对于自适应的表格可以给它加个宽度td {max-width: 600px;word-break: break-all; // 设置强行换行 break-all强制英文单词断行word-wrap: break-word; // 内容将在边界内换行}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。