css设置内容超出后显示省略号

通常这种需求时是需要给一个固定的区域里有不固定字数的文字，当文字过多时，为了不影响其他部分的样式，需要给这个区域的宽度固定，即给div一个width=**px。

然后三行css代码搞定：

overflow: hidden;
text-overflow:ellipsis; white-space: nowrap;

overflow：hidden；==>css2属性  div的内容会被修剪，并且其余内容是不可见的。

text-overflow:ellipsis; ==>css3属性 显示省略符号来代表被修剪的文本。 支持所有主流浏览器。

white-space:nowrap; ==>css1 属性 设置文本不会换行，文本会在在同一行上继续。