微信小程序 text文本溢出省略后 显示内容超出省略的内容

此时的总容器高度为150rpx

<view class="omit" style=" height: 150rpx;">表现：{
   
   {item.symptom}}</view>

.omit{
  font-size: 26rpx;
  color: #808080;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

 后把view的高度修改为100rpx后显示正常

<view class="omit" style=" height: 100rpx;">表现：{
   
   {item.symptom}}</view>

 原因：省略文本的总高度要和容器的高度要一致，不能随便设置，字体高度*要省略的行数即可求出文本总高度