el-tabs内容溢出显示省略号并且鼠标划上去有内容提示

      <el-tab-pane v-for="item in ywEditableTabs" :key="item.name" :name="item.name" class="yw-tab" :closable="true">
        <el-tooltip slot="label" effect="dark" :content="item.title" placement="bottom-start">
          <span  class="tmp">{{ item.title }}</span>
        </el-tooltip> 
      </el-tab-pane>

样式

  .tmp{
    white-space:nowrap;/*强制单行显示*/
    text-overflow:ellipsis;/*超出部分省略号表示*/
    overflow:hidden;/*超出部分隐藏*/
    width: 260px;/*设置显示的最大宽度*/
    display:inline-flex;
  }