uniapp 文本超出两行的部分省略
时间: 2023-08-08 08:05:34 浏览: 734
判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号
在 UniApp 中,你可以使用 CSS 的文本溢出属性来处理文本超出两行的情况。具体的做法是在对应的样式中添加以下代码:
```css
.ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
```
然后,在需要省略的文本元素上添加 `ellipsis` 类名即可。例如:
```html
<view class="ellipsis">{{ text }}</view>
```
这样,当文本超出两行时,多余的部分会被省略,并显示省略号。
阅读全文