show-overflow-tooltip过长设置悬浮框样式vue3 elementplus
注:不能添加scope,重新写style标签添加。
·
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标签添加
更多推荐
已为社区贡献1条内容
所有评论(0)