用css解決標題顯示字數超出省略符號代替的方法

標題字數超出情境：

最左邊這欄我不行讓他換行，怎麼辦呢？

步驟一：內容超出寬度時隱藏超出部分的內容

步驟二：當對象內文本溢出時顯示省略標記(...)

下面是解決辦法：

table{width:100px;table-layout:fixed;/* 只有定義了表格的布局演算法為fixed，下面td的定義才能起作用。 */}td{width:100%;word-break:keep-all;/* 不換行 */white-space:nowrap;/* 不換行 */overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */text-overflow:ellipsis;/* 當對象內文本溢出時顯示省略標記(...) ；需與overflow:hidden;一起使用*/

【相關推薦】

1. html文本控制顯示字數超出用省略符號的方法

2. css解決文本字數超出顯示省略符號…的方法（單行、多行文本）

3. 線上css免費視頻教程