前端样式新属性学习系列（一）

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; }