width: 140px
overflow: hidden
text-overflow: ellipsis
white-space: nowrap
}
就这几个就够了,把后面的删掉。
div有没有设置高度,如果设置了高度,里面的字的行高就不能超过这个高度Div 如果没有设置高度,那么你设置的一下行高。行高分两种设置方式:1是直接设置多高(比如:24px);2是设置成百分比(如:180%)
设置成百分比肯定不会出现文字只显示一半的情况
如果设置成具体高度比如24px,里面的文字大字设置成50px,那文字肯只能显示一半
通过css控制超出部分变成...比通过javascript截取字符串效率要高得多而且也更简单 不多说,看例子.ellipsis span { white-space:nowraptext-overflow:ellipsis/* for internet explorer */ overflow:hiddenwidth:190pxdisplay:block}html>body .ellipsis {