原理： 本方法用于解决表格单元格内容过多时的美观问题，主要涉及到4句CSS样式： 1. table-layout: fixed 由于table-layout的默认值是auto，即table的宽高将取决于其内容的多寡，如果内容的体积无法估测，那么最终表格的呈现形式也无 ...

代码如上 ...

在此需要用到三个属性配合使用： 兴高采烈的破蛹 重获新生的冲动 寻找爱情世界 美梦　　既然不是毛毛虫 就要壮烈的扑火 短暂青春要像 烟火 ...

...

...

一、单行 实现单行文本的溢出显示省略号使用text-overflow:ellipsis属性，但需要配合使用overflow: hidden; white-space: nowrap这两个属性使用才能达到效果。 注意： 这里如果用了flex布局的话，text-overflow ...

网上很多的解决方法是针对一行超出部分，隐藏并显示省略号的，代码如下： overflow:hidden; white-space:norwrap; text-overflow:hidden; 针对webkit浏览器，多行显示时可以通过以下css代码实现，但对于非webkit浏览器，这种 ...

超出显示省略号 overflow: hidden;white-space: nowrap;text-overflow: ellipsis; 两行之后超出显示省略号 text-overflow: -o-ellipsis-lastline; overflow: hidden ...