行数限制
用法
| class | 说明 |
|---|---|
| line-clamp_1 | 只显示1行 |
| line-clamp_2 | 只显示2行 |
| line-clamp_3 | 只显示3行 |
CSS
.line-clamp_1 {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp_2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp_3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}