Lines
text 组件专有样式，设置文本组件最大行数
语法
| Class | 属性 | 描述 | uni-app-x 兼容性 |
|---|---|---|---|
| lines-[1~12] | lines: [1~12]; | 显示行数，隐藏其余行数 | APP |
| line-clamp-[1~12] | lines: [1~12]; overflow: hidden; text-overflow: ellipsis; | 显示行数，超出文本显示省略号 |
适用组件
| 文本 | 按钮 | 输入框 | 多行输入框 |
|---|---|---|---|
| text | button | input | textarea |
示例
lines-[1~12]
lines-[1~12] 是指有 1 至 12 数之间这么多个 Class 样式，如：lines-1 lines-2 lines-3 ...... lines-11 lines-12lines-1 等价于 lines: 1;
line-clamp-[1~12]
line-clamp-[1~12] 是指有 1 至 12 数之间这么多个 Class 样式，如：line-clamp-1 line-clamp-2 line-clamp-3 ...... line-clamp-11 line-clamp-12
line-clamp-1 等价于：
| APP端 | 其余端 | |
|---|---|---|
| line-clamp-1 | lines: 1; overflow: hidden; text-overflow: ellipsis; | overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; |