css文字超出两行显示...，鼠标放上去

可以使用 CSS 属性 `text-overflow` 来实现文字超出两行显示，并在鼠标悬停时显示完整内容的效果。具体实现步骤如下：

1. 设置元素的宽度和高度，以及 `overflow: hidden` 属性来隐藏超出部分。
2. 使用 `white-space: nowrap` 属性来防止文字换行。
3. 设置 `text-overflow: ellipsis` 属性来在文字超出时显示省略号。
4. 在鼠标悬停时使用伪类选择器 `:hover` 来取消 `text-overflow` 属性，并设置 `white-space: normal` 属性来显示完整内容。

示例代码如下：

/* 设置元素宽度和高度，并隐藏超出部分 */
.example {
  width: 200px;
  height: 40px;
  overflow: hidden;
}

/* 防止文字换行，超出部分显示省略号 */
.example p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 鼠标悬停时取消省略号，并显示完整内容 */
.example p:hover {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}