用css解決table文字溢出控制td顯示字數

標籤：too   分享   nts   超出   log   overflow   title   sign   src   

1. 情境：

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

   下面是解決辦法：

    

   [plain] view plain copy 
   1. table{  
   2.     width:100px;  
   3.     table-layout:fixed;/* 只有定義了表格的布局演算法為fixed，下面td的定義才能起作用。 */  
   4. }  
   5. td{  
   6.     width:100%;  
   7.     word-break:keep-all;/* 不換行 */  
   8.     white-space:nowrap;/* 不換行 */  
   9.     overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */  
   10.     text-overflow:ellipsis;/* 當對象內文本溢出時顯示省略標記(...) ；需與overflow:hidden;一起使用*/  
   11. }  
   
   參考：http://www.52design.com/html/201007/design201071123721.shtml

    

   現在：

用css解決table文字溢出控制td顯示字數