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

場景:


最左邊這欄我不行讓他換行,怎麼辦呢?

下面是解決辦法:

[plain] view plaincopy在CODE上查看代碼片派生到我的代碼片
  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

現在:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章