show-overflow-tooltip换行

show-overflow-tooltip 换行是指当元素中的文本内容超出元素宽度时，鼠标悬停在文本上时会显示一个提示框，提示框中显示完整的文本内容，而不是被截断的部分。如果文本内容很长，提示框中的文本可能会超出一行，此时需要实现换行。

要实现 show-overflow-tooltip 换行，可以使用 CSS 中的 white-space 属性。将 white-space 属性设置为 normal 或 break-word 可以使文本在提示框中自动换行。具体实现方法如下：

.show-overflow-tooltip {
  white-space: normal; /* 或者 white-space: break-word; */
  overflow: hidden;
  text-overflow: ellipsis;
}

.show-overflow-tooltip:hover {
  overflow: visible;
  white-space: normal; /* 或者 white-space: break-word; */
}

上面的代码中，.show-overflow-tooltip 是需要实现 show-overflow-tooltip 换行的元素的类名。设置元素的 white-space 属性为 normal 或 break-word，overflow 属性为 hidden，text-overflow 属性为 ellipsis，可以使元素中的文本内容超出元素宽度时显示省略号，并在鼠标悬停时显示完整的文本内容。在 :hover 伪类中，将 overflow 属性设置为 visible，white-space 属性设置为 normal 或 break-word，可以使文本在提示框中自动换行。