CSS文本过长显示省略号

最近在做前端方面的东西，遇到了如题的问题，把解决方法给大家分享一下。

我这边弄的是一个a标签链接，要实现文本过长显示省略号效果，必须设置width(自定义)、overflow（hidden）、text-overflow(elipsis)和white-space（nowarp）属性。

a{
text-decoration:none !important;
width:150px;
overflow: hidden;
white-space: nowrap;
text-overflow:ellipsis;
}
a:hover{
text-decoration:underline !important;
color: #18267B !important;
}

注：

white-space属性与nobr标签，尽管显示效果一样，不过后者会使a标签hover方法中的部分属性失效（如color），笔者翻阅的资料中一致表示nobr标签不是标准的HTML，所以大家还是慎用为妙。