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

html部分

?

1 2 3 4 5 6 7 8

<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部分

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<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>