文本超出一行显示省略号
.text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
}
文本多行显示省略号
.text {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2; // 显示的行数
-webkit-box-orient: vertical;
}
备注: 都需要给盒子设置宽度