CSS3 text-overflow

作用

文本溢出时发生的事情。

---

用法

text-overflow: clip | ellipsis | string;

clip:修剪文本

ellipsis:显示省略号代表修剪文本

string:给定字符串代表修剪文本

---

兼容性

所有主流浏览器均兼容

---

搭配使用

overflow:hidden;（隐藏溢出）

white-space:nowrap;（规定段落中文本不换行）

---

Demo

http://codepen.io/makaiqian/pen/BmFfu

---

注意

1. 只能运用于单行

2. 多行可以通过jQuery实现。

原理：根据判定有没有越界，让超出部分用…代替。