el-table表格超出部分显示省略号,去掉鼠标悬浮显示
1.el-table是有这个控制属性的::show-overflow-tooltip=“true”
<el-table-column align='center' prop="description" label="描述" min-width="280"
:show-overflow-tooltip="true"></el-table-column>
2.如果需要去掉鼠标悬浮显示的全部内容可以设置样式,因此需要修改一下。注意:如果style里面使用了scoped属性,则样式会设置不成功,可以去掉scoped或者在页面中再加上一个style。
<style>
.el-tooltip__popper{ max-width:20%; }
.el-tooltip__popper{
display: none; //去掉悬浮显示
}
</style>
div或者p标签单行和多行超出显示省略号
单行文本溢出显示省略号
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
多行文本显示省略号
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
原文链接:https://blog.csdn.net/cc6_66/article/details/115545655
1、所有文章未经授权禁止转载、摘编、复制或建立镜像,如有违反,追究法律责任。
2、本站文章部分来源注册用户发布或互联网收集而来,若有侵权,请邮件联系作者。
邮箱地址:wtao219@qq.com
2、本站文章部分来源注册用户发布或互联网收集而来,若有侵权,请邮件联系作者。
邮箱地址:wtao219@qq.com
THE END
二维码