在做小程序的时候遇到在text标签里面的文本过长,需要限制显示长度,并且在限制了长度的后面加上省略号代表后面还有内容。
这时候设置样式:
.note_item text{
display: -webkit-box;
font-size:28rpx;
color:#000000;
line-height: 40rpx;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp:3;
overflow: hidden;
text-overflow:ellipsis;
}
如果只显示单行的话:
.note2_item text{
display: block;
font-size:28rpx;
color:#000000;
line-height: 40rpx;
height: 120rpx;
overflow: hidden;
white-space: nowrap;
text-overflow:ellipsis;
}
这里两个display是不同的