实现“元素总是只显示一行内容，多余的内容用省略号表示”的效果

这个效果可以通过CSS简单的实现。

HTML代码：

    层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种 样式表 语言，用来描述 HTML 或 XML（包括如 SVG、MathML、XHTML 之类的 XML 分支语言）文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。

CSS代码：

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

效果预览：

上面的三个声明作用分别如下：

1. white-space 属性用于设置元素内容中的空格处理方式，nowrap 值表示文本内容不允许自动换行，所以这一个声明的作用是让文本内容总是只在一行显示。
2. 当元素内容不能换行时，多余的内容就会溢出，overflow 属性用于设置溢出内容的处理方式，这里将其设置为 hidden 表示隐藏溢出的内容。
3. text-overflow 属性用于设置如何告知用户元素的溢出内容被隐藏了，这里设置为 ellipsis 表示用省略号表示。