CSS 单行不折行，多余的省略号

CSS中要实现单行文本不折行并且在文本溢出时显示省略号的效果，可以使用以下 CSS 属性

任何超出元素宽度的文本都会被隐藏，并且在末尾显示省略号：

.your-class {
  white-space: nowrap; /* 保持文本在一行内显示 */
  overflow: hidden;   /* 隐藏溢出的文本 */
  text-overflow: ellipsis; /* 显示省略号 */
}