1/ 溢出隐藏必须有overflow:hidden;
2/溢出隐藏必须设置元素的宽和高,当超出范围是,才会隐藏
3/只有块块级元素才能设置宽和高,而span是行内元素,要转换成块级代码display:block;
下面代码是对<span>元素设置的代码,效果如下图
<span style="width:80%;padding-left:5px;white-space:nowrap;height:35px;display:block;overflow:hidden;text-overflow:ellipsis;"> </span>
white-space:nowrap; 规定段落中的文本不进行换行
text-overflow:ellipsis; 文本溢出显示省略号