CSS：文本过长显示省略号
我们在web页面开发中，经常遇到一个区域固定宽度，这时候文字可能会过长，如果折行显示太难看，增加区域宽度，又违背了设计的初衷。这时候可以考虑将过长的文本显示为省略号。通过css属性text-overflow:ellipsis就可以实现这个效果。
但是要配合展示，还需要设置另外几个属性：
- width：只有设置了固定宽度的元素，才有可能会折行。
- white-space：nowrap,设置文本不折行，如果文本折行，这个效果是无法实现的。
- overflow：hidden,超出固定宽度部分不显示。
最终显示结果可以如下所示：