效果圖
顯示三行的效果圖
代碼
<text class='intro_info'>{{item.introduction}}</text>
/*設置text顯示行數,多餘的省略*/
.intro_info{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:3;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
margin-top: 10rpx;
line-height: 29rpx;
font-size: 26rpx;
color: darkgray;
}