》需求場景：由于有高亮的需求，所以選擇用富文本的標簽<rich-text>，同時還有個需求是希望展示兩行，然后溢出的情況用省略號。

》解決思路：在nodes節點里面包一層div，然后設置該div的樣式為顯示兩行，溢出文本用省略號顯示。

》代碼：

html：

<rich-text class="rich_text product-name" :nodes="item.productName | formatRich"></rich-text>

js：

filters: {formatRich(val){return "<div class='rich-layout' style='-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;white-space: pre-wrap;'>" + val + "</div>"}},

?

?

?

?

總結

以上是生活随笔為你收集整理的微信小程序 富文本 换行问题 文本溢出使用省略号的全部內容，希望文章能夠幫你解決所遇到的問題。

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