html

     <el-table-column prop="content" label="内容" show-overflow-tooltip center />

css

<style>
/* //宽度可以使用max-width显示,占比为屏幕占比,高度用max-height是行不通的,于是就用的超出行省略,当
//在限制的宽度之内多少行限制(不限制当内容几千几万字时就挂了),padding为了调整我这个正好15行省略看
//起来样式不会出问题,有问题的话可以调padding,line-height,font-size保证展示框样式完整  */
.el-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-popper,
.el-popper is-dark {
    /* background: rgb(48, 65, 86) !important; */
    color: #fff !important;
    line-height: 24px;
}
</style>

注:不能添加scope,重新写style标签添加

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45 6 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐