el-tooltip显示错位问题

问题：鼠标悬浮时，信息提示框错位

思路：当文本宽度无限制时，可能会超出单元格或容器范围，造成页面布局的错位。

设置max-width,即使内容很长，也不会撑开容器影响其他内容的位置。

解决方案：设置max-width属性， 决定文字在 tooltip 显示前最大允许的宽度，内容超出后会显示为 ...

最后

图中popper-append-to-body属性，这个可加可不加，我不加错位问题也不会出现。

popper-append-to-body属性解释：有助于避免 tooltip 定位的错位问题，使其正确显示在页面上方