鼠标移到被省略的内容时，显示的信息怎么换行

就像这样，能不能鼠标移上去后，显示的内容不要这么从最左边到最右边才到第二行，能不能一定长度后就换行啊
用的vue+element组件

<el-tooltip placement="top">
  <div slot="content">多行信息<br/>第二行信息</div>
  <el-button>Top center</el-button>
</el-tooltip>

或者修改样式

.el-tooltip__popper {
    max-width: 60%!important;  //宽度可根据自己需要进行设置 
  }

DIv里有超过它的宽度的问题就自动换行，div加入word-break:break-all属性试试，一下是参考文献
https://blog.csdn.net/weixin_36691991/article/details/92999904

给这个toolip一个自定义的class包一下好点，否则会影响到别的地方。

设置样式就行了：
.el-tooltip__popper{
max-width: calc(100% - 40px);
}
不过要注意.el-tooltip__popper是在body下的，要在全局配置才能生效