CSS截取字串多餘字元並以省略符號顯示

在製作網站的過程中，列表顯示新聞標題或產品標題時會出現字串過長，導致頁面配置錯亂。如何解決這個問題呢，當然可以用程式截取多餘字元的方法，這裡介紹一種用CSS樣式來實現的方法，因為這樣文字在頁面還是實際存在，只是沒有顯示出來，所以對SEO最佳化也有好處。

首先要定寬和高，然後使用樣式如：

.cuttitle{ display: block; width: 220px; height:24px; overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; } < ul><li  class='cuttitle'>截取多餘字元<li></lu> 

 

這樣當標題超過長度時就會自動截取。