vue中html显示的问题
描述内容是用富文本框编辑的,实际的内容如下:实际这里的多行省略是没有效果的,因为他不是纯文本,而是html标签。<div class="main" v-html="book.description"></div>.main{height:140px;font-size: 8px;text-overflow: -o-ellipsis-lastline;// 多行省略
·
描述内容是用富文本框编辑的,实际的内容如下:
实际这里的多行省略是没有效果的,因为他不是纯文本,而是html标签。
<div class="main" v-html="book.description">
</div>
.main{
height:140px;
font-size: 8px;
text-overflow: -o-ellipsis-lastline;
// 多行省略
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
看下图并没有什么效果。怎么解决呢?
更多推荐
已为社区贡献1条内容
所有评论(0)