超出一行显示省略号，鼠标移入

你可以使用 CSS 的 text-overflow 属性来实现超出一行显示省略号，并且在鼠标移入时显示完整内容的效果。具体的实现步骤如下：

1. 首先，给包含文本的容器元素添加一个固定的宽度和设置 overflow 属性为 hidden，以限制文本只显示一行并隐藏超出部分。

.container {
  width: 200px;
  overflow: hidden;
  white-space: nowrap; /* 确保文本在一行显示 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */
}

2. 接下来，使用伪类选择器 :hover 来定义鼠标悬停时的样式，并将 overflow 属性设置为 visible，以显示完整的文本。

.container:hover {
  overflow: visible;
}

3. 最后，将文本内容放置在容器元素中。

<div class="container">这是一段超长文本内容，超出一行的部分将显示省略号。</div>

这样，在鼠标移入容器元素时，超出一行的文本将会完整显示出来。