直接上代码:
1、超出1行隐藏
//超出1行隐藏
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
2、超出2行或多行隐藏
//超出2行隐藏:
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
line-clamp: 2;
-webkit-line-clamp: 2; //当属性值为3,表示超出3行隐藏
-webkit-box-orient: vertical;