（自用面试题）单行文本溢出隐藏如何实现？

背景：
在日常开发展示页面时，如果一段文本的数量过长，由于页面宽度的影响，有可能不能完全显示。为了提高用户的使用体验，这个时候就需要我们把溢出的文本显示成省略号。

/* 强制一行内显示所有文本 */
white-space: nowrap;

/* 文本超过限定宽度时，溢出隐藏 */
overflow: hidden;

/* 当文本溢出时用省略号代替超出的部分 */
text-overflow: ellipsis;