例如：

我们需要首先控制文本（在此实例是<li>标签的宽度)，也就是设置一个width属性；然后使用text-overflow属性，text-overflow有两个参数(clip和ellipsis),

其中如果设置text-overflow:clip;那么浏览器会对超出宽度的文本直接裁剪(可能把字切成一半，不好看),而不显示省略号;

如果设置text-overflow:ellipsis;那么浏览器会对超宽度的文本隐藏并在前面加上省略号(如图);

此外，还必须加上overflow:hidden;和white-space:nowrap;两个属性，就可以实现该功能。

完成：

text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;