《css-单行文字且超出显示省略号》

文本右边还有个图标。如果文字内容过多，会自动变到第二行。

如果我想实现，文字多还是展示在一行内，用省略号表示，怎么做？

只给这段文字的标签加上一个oneLine类，

.oneLine{
  white-space: nowrap;   // 不折行
  overflow: hidden;     // 文字超出，隐藏
  text-overflow: ellipsis;  // 省略号
}

这个样式可以写在全局样式的文件里。

效果：