uniapp rich-text组件在苹果手机上最多显示两行样式失效
rich-text在苹果部分手机上溢出隐藏显示…样式失效的问题
.rich-text-container>rich-text {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 48rpx;
height: 96rpx;
}
完整代码
<view class="rich-text-container">
<rich-text :nodes="content"></rich-text>
</view>
<script>
export default {
data() {
return {
content:''
}
}
}
</script>
<style>
.rich-text-container>rich-text {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 48rpx;
height: 96rpx;
}
</style>