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;    // 内容将在边界内换行
}