css文本多行溢出省略号，悬停出现tips

CSS文本多行溢出省略号通常通过`overflow`属性结合`text-overflow`属性实现。当内容超过元素容器的宽度时，可以设置`overflow: hidden;`隐藏超出部分，并使用`text-overflow: ellipsis;`显示省略号(`...`)。这会使得文本自动换行并在末尾显示省略号，给用户简洁易读的印象。

至于悬停提示（tips），可以使用`:hover`伪类配合CSS的`position`、`display`、`content`等属性来创建。例如，你可以将鼠标悬停时的内容设为`::before`或`::after`伪元素的内容，样式上设置定位并显示为一个气泡或 tooltip 形式：

.parent {
  position: relative;
}

.child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.child:hover::before {
  content: attr(data-tooltip);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f8f9fa;
  padding: 4px 8px;
  border-radius: 5px;
}

在这个例子中，`.child:hover::before`会在 `.child` 元素被鼠标悬浮时显示一个包含数据属性`data-tooltip`值的提示框。