css 不换行，超出....

可以使用 CSS 的 `text-overflow` 属性来实现文本超出部分省略号显示，结合 `white-space` 属性的 `nowrap` 值来实现文本不换行。具体实现方法如下：

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

在 HTML 中使用该类名即可实现文本超出部分省略号显示的效果：

<p class="ellipsis">这是一段超出部分自动省略显示的文本内容</p>