在你的p標(biāo)簽或者是什么上面加入這段代碼

display:-webkit-inline-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical; /*方向*/-webkit-line-clamp:2; /*顯示多少行文本*/ // 單行文本出現(xiàn)省略號(hào) width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;// 多行文本出現(xiàn)省略號(hào) display: -webkit-box; /*重點(diǎn)，不能用block等其他，將對(duì)象作為彈性伸縮盒子模型顯示*/ -webkit-box-orient: vertical; /*從上到下垂直排列子元素（設(shè)置伸縮盒子的子元素排列方式）*/ -webkit-line-clamp: 3; /*行數(shù)，超出三行隱藏且多余的用省略號(hào)表示...*/ line-clamp: 3; word-break: break-all; overflow: hidden; max-width: 100%;

總結(jié)

以上是生活随笔為你收集整理的如何让文字溢出自动变成省略号的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。