css超出两行显示省略号鼠标上去显示全部

您可以使用CSS中的`text-overflow`属性来实现超出两行显示省略号，鼠标悬停时显示全部内容的效果。下面是一个示例：

/* 设置文本容器的最大高度和溢出隐藏 */
.container {
  max-height: 60px;
  overflow: hidden;
}

/* 设置文本溢出时显示省略号 */
.text {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 控制显示的行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 鼠标悬停时显示全部内容 */
.container:hover .text {
  -webkit-line-clamp: initial; /* 显示全部行数 */
}

在上面的示例中，`.container`是文本容器的类名，`.text`是包含文本内容的元素的类名。您可以根据您的实际情况进行调整。