element表格内容过多，鼠标悬浮显示全部内容（show-overflow-tooltip)，内容过长显示悬浮抖动

在表格要展示的列过多时，有些表格内容过多就会用到这个属性，表格的内容按表头宽度超过省略，鼠标悬浮显示全部内容，如果内容过多超屏幕会一直抖动

用法很简单，加一行show-overflow-tooltip就可以了

        <el-table-column
          show-overflow-tooltip
          prop="description"
          align="center"
          label="企业介绍"
        >
        </el-table-column>

但是遇到了一个新的问题，这种一般是内容过长是才会这么用，但是如果内容非常长就会出现新的问题，超已有表格宽度会非常难看 

于是要限定其宽度，当宽度限定之后，高度就会超出电脑屏幕，也要限制高度

 

//宽度可以使用max-width显示,占比为屏幕占比，高度用max-height是行不通的,于是就用的超出行省略，当
//在限制的宽度之内多少行限制(不限制当内容几千几万字时就挂了),padding为了调整我这个正好15行省略看
//起来样式不会出问题,有问题的话可以调padding,line-height,font-size保证展示框样式完整 
.el-tooltip__popper{
    max-width:30%;
    padding-bottom: 5px!important;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;

  }
  .el-tooltip__popper,.el-tooltip__popper.is-dark{
    background:rgb(48, 65, 86) !important;
    color: #fff !important;
    line-height: 24px;
  }