HTML种table不被内容撑破的解决方法

亲测有效：

首先让table列宽由表格宽度和列宽度设定，不随文字多少变化

table{

table-layout:fixed;

}

 

然后td

td{

white-space:nowrap;/*文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。*/

overflow:hidden;/*隐藏多余的内容*/

text-overflow:ellipsis;//超出部分以省略号显示

word-break:keep-all;//只能在半角空格或连字符处换行。

}

注意：多余显示不完的内容将会看不到