单行溢出省略号
.ohen {
//隐藏文字宽度
width: 250px;
//溢出隐藏
overflow: hidden;
//隐藏部分显示为省略号
text-overflow: ellipsis;
//禁止文本自动换行
white-space: nowrap
}
text-overflow属性
| clip | 修剪文本。
| ellipsis | 显示省略符号来代表被修剪的文本。
| *string* | 使用给定的字符串来代表被修剪的文本。 |
多行溢出隐藏
.owen {
display: -webkit-box;
-webkit-box-orient: vertical;
//隐藏行数
-webkit-line-clamp: 4;
overflow: hidden;
}
