给rich-text组件中的文本设置超出两行用...表示,为啥...不起效呢?
给微信小程序 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;
}
效果如下: [图片]
