/**
* 定义公共样式的地方
*/
/**
* 1行 不换行 显示 ...
*/
.line-clamp{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/**
* 0. 最多显示1行
*/
.line-clamp-1{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}
/**
* 1. 最多显示2行
*/
.line-clamp-2{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
uniapp中css限制view中显示的字数
最新推荐文章于 2024-05-08 13:15:46 发布