效果
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;
欢迎扫描下方二维码关注VX公众号
