定义文本溢出

css3新增了text-overflow属性，该属性可以设置超长文本省略显示，

语法:  rext-overflow:clip|ellipsis|ellipsis-word

clip属性值表示不显示省略标记(…)，而是简单的裁剪

ellipsis属性值表示当前对象内文本溢出时显示省略标记(…)，省略标记插入的位置是最后一个字符

ellipsis-word表示当前对象内文本溢出时显示省略标记(…)省略标记插入的位置是最后一个词(word)

 

要实现溢出时产生省略号的效果，应该再定义两个样式:强制文本在一行内显示(white-space:nowrap)和文本溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果