通常这种需求时是需要给一个固定的区域里有不固定字数的文字,当文字过多时,为了不影响其他部分的样式,需要给这个区域的宽度固定,即给div一个width=**px。
然后三行css代码搞定:
overflow: hidden;
text-overflow:ellipsis; white-space: nowrap;
overflow:hidden;==>css2属性 div的内容会被修剪,并且其余内容是不可见的。
text-overflow:ellipsis; ==>css3属性 显示省略符号来代表被修剪的文本。 支持所有主流浏览器。
white-space:nowrap; ==>css1 属性 设置文本不会换行,文本会在在同一行上继续。