前端頁面使用CSS方法處理字元串過長的問題最簡便

     做一個項目或者應用的時候我們經常會遇到這樣的需求， 表格或者某容器内的字元串過長，撐大了表格，讓布局變形。 于是我們需要對字元串處理。 截取固定的長度，多餘的長度顯示為‘...’ ，  于是我們可能會想很多辦法，截取字元串，拼接成固定長度， 也可能在後端處理好傳到頁面，也可能在前端通過Javascript 通過精妙的方法取dom 計算長度處理。  現在有一個更簡單的方法在字元串的父容器添加樣式。 

style="width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"
           

width:180px //是想要固定的長度。  
           

這樣就可以了， 簡單多了。 另外很多時候緊跟着會有這樣的需求， 滑鼠懸停的時候需要顯示完整的字元串内容，那麼在父容器在添加這樣的屬性：

title=“xxxxxx”  //完整的字元串