css不换行超出省略，

可以使用CSS中的`text-overflow`属性来实现超出省略的效果。结合`white-space`属性和`overflow`属性，可以实现在一行内显示文本，并将超出的部分用省略号表示。

可以使用以下代码实现：

.overflow-ellipsis {
  white-space: nowrap;  /* 不换行 */
  overflow: hidden;  /* 超出部分隐藏 */
  text-overflow: ellipsis;  /* 超出部分省略号表示 */
}

在HTML中，将文本内容放在一个容器元素内，并为该容器元素添加`.overflow-ellipsis`类即可：

<div class="overflow-ellipsis">
  这是一段很长的文本，如果超出了容器的宽度，就显示省略号。
</div>