效果

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;