CSS動態控制頁面中較長的字串樣式

 CSS動態控制頁面中較長的字串樣式

在前台頁面開發的過程中，經常會遇到設定列表裡某一列的的長度。如：標題、備忘等等

但是某一些又需要根據整個頁面的寬度動態調整他的長度，否則容易出現樣式錯位，導致閱讀困難。

通過CSS的屬性來動態控制較長字串的動態截取，是比較好的解決方式。樣式設定如下：

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

必須要這三個屬性群組合使用才能達到效果！

樣式設定如下：第一行與第二行的追加了樣式的。會根據IE視窗的寬度變化自動化佈建省略符號。

注意：這三個樣式必須要都追加才可以。否則無效。