一、單行文本省略

? ? 1.text-overflow:ellipsis;該屬性用于當文本溢出的時候用省略號的方式顯示。它還有一個屬性值是clip（溢出部分直接裁剪掉）。

? ? 2.overflow:hidden;對溢出內容進行隱藏。

? ? 3.white-space:nowrap;強制在一行顯示

?

二、多行文本省略

?用-webkit-line-clamp:number;實現，并不是css規范中的屬性。

其次，用css規范屬性。

可參考http://www.cnblogs.com/accordion/p/6507320.html#top。該方法用了css布局

?

轉載于:https://www.cnblogs.com/zhengyw/p/6534879.html

總結

以上是生活随笔為你收集整理的单行文本与多行文本省略文本的全部內容，希望文章能夠幫你解決所遇到的問題。

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