?

1.單行：外部容器應加overflow: hidden;否則不顯示省略號

.text { font-size: 38rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

?

2.多行

.text { font-size: 38rpx; line-height: 38rpx; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

?

?

轉:?https://blog.csdn.net/z2516305651/article/details/80852726

?

轉載于:https://www.cnblogs.com/fps2tao/p/10101746.html

總結

以上是生活随笔為你收集整理的小程序文本溢出显示省略号（单行/多行）的全部內容，希望文章能夠幫你解決所遇到的問題。

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