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

huaze發表於2022-03-23
CSS

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

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

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/70015605/viewspace-2883516/，如需轉載，請註明出處，否則將追究法律責任。

相關文章