版權聲明：本文首發 http://asing1elife.com ，轉載請注明出處。 https://blog.csdn.net/asing1elife/article/details/82766836

CSS文本加省略號

通常的文本末尾有三個點的省略號，可以通過 CSS 實現

更多精彩

• 更多技術博客，請移步 asing1elife’s blog

解決方式

在文本確定寬度的前提下加入以下樣式即可

overflow: hidden; white-space: nowrap; text-overflow: ellipsis;

可能存在的問題

在 flex 布局下會發現省略號不出現

這時候需要在父元素添加一個 overflow: hidden 即可

總結

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

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