css设置文本超出长度显示省略号，并设置鼠标悬浮时展示全部内容

可以使用CSS的text-overflow属性和:hover伪类来实现这个效果。

首先，设置文本超出长度时显示省略号：

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

这里的white-space属性是为了防止文本换行，只显示一行。

然后，通过:hover伪类来设置鼠标悬浮时展示全部内容：

overflow: visible;
white-space: normal;

这里的overflow和white-space属性与上面不同，是为了让文本显示全部内容。

完整代码：

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

.ellipsis:hover {
  overflow: visible;
  white-space: normal;
}

将上述代码应用到需要展示省略号的元素上即可。