效果
1、超过一行
2、超过多行 - 以两行为例
二、示例代码
1、超过一行
margin: 20px;
width: 50px;
border: 1px solid red;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
2、超过多行 - 以两行为例
margin: 20px;
width: 50px;
border: 1px solid red;
display: -webkit-box;
text-overflow: -o-ellipsis-lastline;
text-overflow: ellipsis;
line-clamp: 2;
-webkit-line-clamp: 2; // 如果是3行改为3,以此类推
-webkit-box-orient: vertical;
overflow: hidden;