table 表格中 td 的宽度不随内容自适应

在 <table> </table> 标签上添加以下css样式属性

table {
  table-layout:fixed;
  word-break:break-all;
}

属性说明

table-layout:automatic; 默认，列宽度由单元格内容设定；
table-layout:fixed; 列宽由表格宽度和列宽度设定；
table-layout:inherit; 规定应该从父元素继承 table-layout属性的值；

word-break:normal; 使用浏览器默认的换行规则；
word-break:break-all; 允许在单词内换行；
word-break:keep-all; 只能在半角空格或连字符处换行；

参考

https://blog.csdn.net/Sweet_Waf/article/details/106431006