實現

截斷長文本顯示處理，以前是通過后臺的截取，但這種方法容易丟失數據，不利于SEO。

而通過前端css的截斷，則靈活多變，可統一運用與整個網站。

這項技術主要運用了text-overflow屬性，這個雖是css3的屬性，但是在各大瀏覽器卻兼容

非常好，ie6系列全部兼容。

.e{display:inline-block;width: 40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}.e:hover{cursor: pointer;text-overflow: clip;width: auto;} <span class='e'>abcdddsdsafdsacdsavdsac</span>

寬度需要指定，這樣設置隱藏的寬度，而且也可出發IE67的hasLayout。

轉載于:https://www.cnblogs.com/accordion/p/4173917.html

總結

以上是生活随笔為你收集整理的css截断长文本显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。