用好text-overflow属性的几大要求

DATE: 2016-11-10 / VIEWS: 621

要素：

1. 定宽
2. 不换行
3. 溢出隐藏
4. 溢出显示省略号

代码：

white-space:nowrap;
word-wrap:normal; /* IE8 9 */
overflow:hidden;
-o-text-overflow:ellipsis; /* opera */
-webkit-text-overflow:ellipsis;  /* Chrome, Safari */
-ms-text-overflow:ellipsis; /* IE8 标准模式 */
text-overflow:ellipsis; /* CSS规范写法，绝大部分浏览器 */