首先是控制两行进行显示
.title {
flex: 1;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 这里是超出几行省略 */
}
显示一行文字,多余省略号:
.title {
width: 100px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}