2014 年 9 月 19 日

文字溢出 text-overflow:ellipsis

Author : luckyGirl

文字溢出是常碰到的情境，div(或其他标签)太长多余的文字被截掉然后用…替代，最简单的办法是使用CSS属性text-overflow:ellipsis，之前碍于Firefox不支持此属性，不得不用其他办法来兼容，如今所有浏览器已经支持此属性，在此Mark一下。

示例:

.textOverflowExample{
   width:20em;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
}