微信小程序div超出隐藏出省略号

<view class="test">1</view>

.test{
  display: block;
  white-space: pre-wrap; //只能对中文强制换行
  width: 100%;
  height: 70%;
  overflow: hidden; //隐藏超出部分
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2; //最多两行就会出省略
  -webkit-box-orient: vertical;
  align-content: center;
}