https://www.cnblogs.com/jying/p/6289981.html ...

本文链接：http://www.cnblogs.com/jying/p/6289981.html table-layout 属性的解释：http://www.w3school.com.cn/ ...

table表格宽度固定，同时td内容过长也不会被撑开，设置如下css： table{ table-layout : fixed ;word-break:break- all ;} ...

...

解决办法： 在table上加上样式: 　　 table-layout:fixed tablle的列宽由表格宽度和列宽设定。 word-break:break-all 允许在单词内换行。 正常情况下： table表格中td过长： 加上样式之后： ...

table中的td如果满足条件，则td内容变成红色！ ...

描述一种情况，父元素 flex 布局，子元素有一行文字，将其设置为不换行隐藏后显示省略号，但实际并不是想象的那样，而导致布局变形。 这种情况是因为 flex 布局特性，子内容优先被内容撑开使得文字不隐藏。 解决：将该元素的宽度设置为 0 ，然后使用 flex：1 样式，将宽度 ...

:collapse强制表格不撑开，即达到效果。 　　CSS教程:表格不被撑开的解决办法—css教程，需要注意的是：用 ...