css设置文本溢出问题( span )

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;   文本溢出显示省略号




猜你喜欢

转载自blog.csdn.net/ly_solo/article/details/80310470