css之单行文字超出

参考：自适应表格连续字符换行及单行溢出点点点显示

1.让单行文字超出的时候使用点点点表示（一般情况）

white-space: nowrap; overflow: hidden; text-overflow: ellipsis;/*省略号，必须有overflow结合使用*/

2.table情况下

如上在table情况下，会不好使，因为，单元格的流动性，只需要display:table;table-layout: fixed

解释table的流动性：
1.table的显示表格单元格、行、列的算法规则
通过tableLayout 属性来控制，分为固定表格布局和自动表格布局
固定表格布局：通俗的说，是根据table的宽度，平均分配（每个单元格样式一样）与单元格具体的内容无关
自动表格布局 : 根据具体的单元格中内容，进行分配
2.具体由css的属性：table-layout 来控制
具体属性如下：
automatic 默认。列宽度由单元格内容设定。table-layout: auto;/*实际默认是这样 display:table*/
fixed 列宽由表格宽度和列宽度设定。
inherit 规定应该从父元素继承 table-layout 属性的值。
3.因为table-layout 来控制，且table标签的默认为display:table，因display:table的table-layout: auto;

3. 粗粗table-call属性

参考：几种display:table-cell的应用

与其他一些display属性类似，table-cell同样会被其他一些CSS属性破坏，例如float, position:absolute，所以，在使用display:table-cell与float:left或是position:absolute属性尽量不用同用设置了display:table-cell的元素对宽度高度敏感，
对margin值无反应，响应padding属性