css 超过一行/多行显示省略号... - 附示例
效果
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;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; // 如果是3行改为3,以此类推
overflow: hidden;