text-overflow
当文本超出一定长度时，为了不让内容超出文本框，我们一般都是选择用text-overflow 对文本进行省略处理。
但是有的时候，我们却发现即使我们已经设置了 text-overflow 属性，但结果却没有任何效果。
text-overflow属性仅是注解，当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。
我们想要实现溢出时产生省略号的效果。还必须定义：强制文本在一行内显示（white-space:nowrap）
及溢出内容为隐藏（overflow:hidden）。只有这样才能实现溢出文本显示省略号的效果
text-overflow： 属性规定当文本溢出包含元素时发生的事情。
| 默认值： | clip |
|---|---|
| 继承性： | no |
| 版本： | CSS3 |
| JavaScript 语法： | object.style.textOverflow="ellipsis" |
| 值 | 描述 | |
|---|---|---|
| clip | 修剪文本。 | |
| ellipsis | 显示省略符号来代表被修剪的文本。 | |
| string | 使用给定的字符串来代表被修剪的文本。 |