一、單行

實現單行文本的溢出顯示省略號使用text-overflow:ellipsis屬性，但需要配合使用另外兩個屬性使用才能達到效果。

如下：

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

效果：

?

二、多行

不考慮兼容性，適用于Webkit瀏覽器內核

css代碼：

　　display:-webkit-box;

　　-webkit-box-orient:vertical;

　　-webkit-box-clamp:3 //截取第三行

　　overflow:hidden;

效果：

轉載于:https://www.cnblogs.com/Awen71815iou/p/11163629.html

總結

以上是生活随笔為你收集整理的css实现超出文本溢出用省略号代替的全部內容，希望文章能夠幫你解決所遇到的問題。

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