elementui table在safari浏览器用了超过两行省略号样式错乱

这个问题是因为计算的时候,超出两行省略的属性没生效, 撑开了高度

.text-ellipsis-2 {
  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  word-break: break-all;
 
}

修改一下css就可以

.text-ellipsis-2 {
  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  word-break: break-all;
  
  line-height: 23px;
  
  max-height: 46px;
}

你可能感兴趣的:(elementui,css,safari,elementui,css)