2.2.1文本溢出处理—text-overflow属性

在网页显示信息时，如果指定显示信息过长，超过了显示区域的宽度，其结果就是信息撑破指定的信息区域，从而破坏了整个网页的布局。以前遇到这种情况，需要使用JavaScript将超出的信息进行省略。现在只需要使用CSS3中新增的text-overfiow属性，就可以解决这个问题。
text-overfiow属性用于设置是否使用一个省略标记（…)表示对象内文本的溢出。text-overfiow仅是注解，当文本溢出时是否显示省略标记，并不具备其他样式属性定义。要实现溢出时产生的省略号效果还需要定义：强制文本在一行内显示（white-space：nowrap）及溢出内容为隐藏（overflow：hidden），只有这样才能实现溢出文本显示省略号的效果。基本语法如下。
text-overfiow：clip| ellipsis；
1.clip：不显示省略标记（…),而是简单的裁切。
2.ellipsis：当文本溢出时显示省略标记（…)。