作用
文本溢出时发生的事情。
用法
text-overflow: clip | ellipsis | string;
clip:修剪文本
ellipsis:显示省略号代表修剪文本
string:给定字符串代表修剪文本
兼容性
所有主流浏览器均兼容
搭配使用
overflow:hidden;(隐藏溢出)
white-space:nowrap;(规定段落中文本不换行)
Demo
http://codepen.io/makaiqian/pen/BmFfu
注意
-
只能运用于单行
-
多行可以通过jQuery实现。
原理:根据判定有没有越界,让超出部分用…代替。