正常程序
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
uniapp
<view>
文本显示为两行,超过部分隐藏并使用省略号
修改 width 属性查看效果。
</view>
view {
text-overflow:ellipsis;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient:vertical;
}
或者
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;