show-overflow-tooltip鼠标移出不消失

要实现鼠标移出不消失的效果，你可以通过以下步骤来完成：

1. 首先，在需要显示溢出提示的元素上添加一个包裹容器，例如一个 `<div>` 元素。

2. 为这个容器添加 CSS 样式 `position: relative;`，以便后续设置溢出提示的位置。

3. 接下来，在这个容器内部添加一个子元素，用于显示实际的内容。可以是一个 `<span>` 或者 `<div>` 等。

4. 为这个子元素添加 CSS 样式 `white-space: nowrap;` 和 `overflow: hidden;`，以确保内容溢出时会被裁剪隐藏，并且不换行。

5. 继续为这个子元素添加 CSS 样式 `text-overflow: ellipsis;`，以在内容溢出时显示省略号。

6. 最后，使用伪类 `::after` 为容器添加一个伪元素，用于显示溢出提示。

7. 为这个伪元素添加 CSS 样式 `content` 属性来设置提示文本，例如 `content: attr(data-tooltip);`。

8. 继续为伪元素添加 CSS 样式 `position: absolute;`、`top: 100%;` 和 `left: 0;`，以将溢出提示放置在容器下方。

9. 最后，为这个伪元素添加其他样式，例如背景颜色、字体大小、边框等，以使溢出提示更加可见。

完成上述步骤后，当鼠标移入容器时，溢出提示将会显示。而当鼠标移出容器时，溢出提示会保持可见，直到鼠标再次移入容器或者点击其他地方。希望这些步骤能对你有帮助！如有需要，请自行根据具体情况进行调整。