——html代码
<divid="d1" title="鼠标放上显示的文字"></div>
——css代码
#d1{
300px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
/*兼容性*/
-webkit-text-overflow:ellipsis;
}
注：关键是给容器指定宽度，并且利用white-space:nowrap;属性阻止超出部分自动换行，省略号则是由text-overflow:ellipsis;实现的