最近在开发一个项目,前端用的Vue.js+Element ui框架,项目中用到了很多表格,当列的内容过长时使用
:show-overflow-tooltip="true",可以让内容在一行显示并且出现tooltip,但是通常就会出现这样的效果:
于是就需要修改tooltip的样式,写法大概是这样:
<style>
.el-tooltip__popper {
max-width: 400px;
line-height: 180%;
}
</style>
如果直接把这个样式写在同页面的scoped中可能会不生效,各位可以自己试一下,写完的效果是这样: