之前看到有人問怎麼讓多餘的文字隱藏顯示並使用...表示，今天呢，就給大家解決這個問題，直接上程式碼，程式碼如下：

用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;一起使用*/ }

用css解決內容文字溢位控制td顯示字數以及隱藏省略程式碼

相關文章