uniapp开发app文字超出打点省略（包含nvue方法）
2023-06-25 本文已影响0人
前端金城武
普通情况下超出
overflow:hidden;//超出隐藏
// white-space: nowrap;//超出换行
text-overflow: ellipsis;//文字超出省略号
-o-text-overflow:ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;//文字行数
nvue模式
nvue模式下webkit-line-clamp是失效的，所以采用lines：
text-overflow: ellipsis;//文字超出省略号
lines:1;//文字行数
