1、text-overflow: clip | ellipsis （要想隐藏溢出内容同时又想让过多内容以省略号样式显示）
clip : 不显示省略标记（...），而是简单的裁切 ;
ellipsis : 当对象内文本溢出时显示省略标记（...），备注：必须配合使用nobr标签，强制让内容不换行，才有效。
实例：<li><a href="#"><nobr> 第二排测试内容超出显示省</nobr></a></li>
li{width:150px;height:24px;line-height:24px; font-size:12px; overflow:hidden;text-overflow:ellipsis; }
原文：http://www.cnblogs.com/lxf1117/p/4136090.html