富文本内容在el-table中回显并且带省略号

html部分

<el-table>
<el-table-column label="茶园介绍" width="100">
          <template slot-scope="{ row }">
           <div class="show-ellipsis" v-html="row.profile" @click="viewCyProfileFun(row)">        
           </div>
          </template>
</el-table-column>
</el-table>    

　　

css部分

<style lang="scss">
.show-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; //控制显示的行数
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  p {
    img {
      height:20px;
      width: 20px;
    }
  }
}
</style>