文本超出顯示三個點一般分兩種情況

　　一,單行文本超出隱藏

　　　overflow:hidden;

　　　text-overflow:ellipsis;

　　　white-space:nowrap;

　　二,多行文本超出隱藏

　　　　text-overflow: -o-ellipsis-lastline;

　　　　overflow: hidden;

　　　　text-overflow: ellipsis;

　　　　display: -webkit-box;

　　　　-webkit-line-clamp: 3; //行數需設置

　　　　line-clamp: 3;

　　　　-webkit-box-orient: vertical;（不生效的話可以在-webkit-box-orient: vertical；上面加這一行注釋 /*?autoprefixer:?ignore?next?*/ 這是因為-webkit-box-orient: vertical；被過濾掉了 autoprefixer 這個關鍵字可以免除被過濾的動作?）

單行設置寬 多行設置寬高不然不會生效

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的css文本超出隐藏 显示三个点的全部內容，希望文章能夠幫你解決所遇到的問題。

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