CSS控制表格的單元格 超出部分顯示省略號

只有定義了表格的佈局算法爲fixed，下面td的定義才能起作用。

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

添加樣式讓table寬高固定，內容長度過長自動隱藏並顯示省略號。

————————————————
版權聲明：本文爲CSDN博主「lpch0825」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/lpch0825/article/details/79332121