text-overflow:ellipsis的那點事兒

項目中關於文本溢出省略號顯示的兩種解決方案:

一、關於固定寬度的文本折行。

　　主要樣式：text-overflow: ellipsis; white-space: nowrap; overflow: hidden; 

　　必定要指定固定寬度。

二、自適應佈局（table）td中文本折行。

　　須要給table加上一個樣式： table-layout:fixed。

　　保證每一個td不會隨着內容超出td寬度被撐開。

　　好比給td設定: width:40%。 則須要在td中再多套一層塊級元素，好比p，而後給p設置寬度，自適應td的寬度。

　　p的樣式：width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;