- 限制单行文字
.single-text {
min-width: 0; // 防止其他元素被挤压
text-overflow: ellipsis; // 超出文字显示...
word-break: break-all;
overflow: hidden;
white-space: nowrap;
}
- 限制两行以上文字
.double-text {
min-width: 0; // 防止其他元素被挤压
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; // 限制的文字行数
}