项目中用到了很多表格,当列的内容过长时使用 :show-overflow-tooltip="true",可以让内容在一行显示并且出现tooltip,但是通常就会出现这样的效果:
于是就需要修改tooltip的样式,写法大概是这样:
.el-tooltip__popper{
font-size: 14px;
max-width: 30%!important;
text-align: justify;
text-justify: newspaper;
word-break: break-all;
line-height: 20px;
}
如果直接把这个样式写在同页面的scoped中可能会不生效,各位可以自己试一下,写完的效果是这样: