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屬性