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实现。

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

麻凯倩

微信:makaiqian