css3新增了text-overflow属性，该属性可以设置超长文本省略显示，
语法: rext-overflow:clip|ellipsis|ellipsis-word
clip属性值表示不显示省略标记(…)，而是简单的裁剪
ellipsis属性值表示当前对象内文本溢出时显示省略标记(…)，省略标记插入的位置是最后一个字符
ellipsis-word表示当前对象内文本溢出时显示省略标记(…)省略标记插入的位置是最后一个词(word)
要实现溢出时产生省略号的效果，应该再定义两个样式:强制文本在一行内显示(white-space:nowrap)和文本溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果
原文：https://www.cnblogs.com/xiaowie/p/12268172.html