用css控制table文字溢出顯示省略號 控制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寬高固定，內容長度過長自動隱藏並顯示省略號，效果如下：