如何让单行文本溢出显示省略号呢？

操作步骤

建立简单的html样式

第一步：限定范围 width:;

第二步：强制文本不换行 white-space:nowrap;

第三步：溢出隐藏 overflow:hidden;

第四步：显示省略号 text-overflow:ellipsis;

可以看到，效果已经达到了。

知识拓展

白色空间的处理（white-space）

溢出处理（overflow）

显示省略号（text-overflow）