给微信小程序 rich-text组件展示的富文本内容设置超出两行用...表示,结果却没有...的样式.代码添加的样式如下:
<rich-text class="rich-text overflowTwoEllipsis color666" nodes="{{item.content}}"></rich-text>
/* 文本超出两行用...表示 */
.overflowTwoEllipsis{
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
效果如下:
确实有这个问题，我目前的处理办法就是讲样式去掉，然后变成字符串，然后，在字符串外面套个div，将这个样式挂在div的样式上。