span 标签 内容过长时，省略显示

<style>
.text-shenglue{
	display:block;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-icab-text-overflow:ellipsis;
	-khtml-text-overflow:ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow:ellipsis;
}

</style>

<br><br>

<div>
	<span  class="text-shenglue" style="max-width:280px;" title="其次，溢出隐藏必须设置元素的宽或者高，因为你不确定宽或者高，也就不知道它超出什么范围才隐藏；
	最后，因为只有块级元素才能设置宽和高，而span是行内元素，要转换成块级元"  >
	
	其次，溢出隐藏必须设置元素的宽或者高，因为你不确定宽或者高，也就不知道它超出什么范围才隐藏； 
	最后，因为只有块级元素才能设置宽和高，而span是行内元素，要转换成块级元
	
	</span>
</div>

效果：