微信小程序文本溢出省略号问题

一、单行文本溢出省略号

.title{
  display: block;
  max-width: 270rpx;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

二、多行文本溢出显示省略号

.box{
    padding: 27rpx 20rpx 32rpx;

}
.box .text{
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;//自定义显示的行数
  -webkit-box-orient: vertical;
}