css超出一行显示省略号

你可以使用 CSS 属性 `text-overflow: ellipsis` 来实现超出一行显示省略号的效果。

具体的代码如下：

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

其中，`text-overflow: ellipsis` 表示超出部分显示省略号，`white-space: nowrap` 表示不换行，`overflow: hidden` 表示超出部分隐藏。

你可以将以上代码应用到你需要省略的元素的 CSS 样式中，例如：

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

这样，当一行文字超出 p 元素的宽度时，就会自动显示省略号了。