4 回复
/* 文本超出一行省略 */
.overflow-ellipsis {
display: block;
overflow: hidden; /* 超出隐藏 */
text-overflow: ellipsis; /* 文本超出显示省略 */
white-space: nowrap; /* 内容不换行 */
}
/* 文本超出多行显示省略 如两行 */
.overflow-ellipsis-2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 2指超过两行就显示省略号,以此类推 */
-webkit-box-orient: vertical;
}
再将你要的class名放在所对应的标签class上