WX-MiniPrograme|单行、多行文本末尾省略

多行文本末尾省略...：

.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;

}

对比可发现两者差异。

实例效果：