多行文本末尾省略...：
.news-text {
width: calc(100% - 300rpx);
line-height: 50rpx;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
单行文本末尾...：
.news-title {
width: calc(100% - 300rpx);
line-height: 40rpx;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
对比可发现两者差异。
实例效果：
