微信小程序單行多行顯示省略號

web上面不換行顯示一段文字的方式是

 text-overflow: ellipsis;
  overflow: hidden;

但是放到小程序上面不起作用。需要加一個樣式

 text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;

如果是需要顯示指定行數換行

 width: 700rpx;
  -webkit-line-clamp:3;//指定行數
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;