问题:
在开发使用自适应表格时,如果某一个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; // 内容将在边界内换行}