单行
标签 <div> 文字省略
div {
width: 70px;// 必须设置宽度
overflow: hidden;// 溢出隐藏
text-overflow: ellipsis;// 用 ... 代替
white-space: nowrap;// 不换行(单行)
}
多行
div {
height: 35px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;// 第 2 行省略,同理为 1 则是第 1 行省略。但注意要控制高度
}