<span>中显示文字超出宽度如何自动隐藏

2024-12-22 01:59:42
推荐回答(3个)
回答1:

1、新建一个html文件,命名为test.html。

2、在test.html文件内,使用span标签创建一段文字的展示,并设置其id属性为tar。 

3、在test.html文件内,再使用button标签创建两个按钮,一个显示按钮,另一个隐藏按钮。

4、在test.html文件内,给两个button按钮绑定onclick点击事件,当点击显示按钮时,执行on()函数,当点击隐藏按钮时,执行off()函数。

5、在test.html文件的js标签中,使用function声明一个on()函数,获得span对象,设置其display属性为block。

6、在test.html文件的js标签中,使用function声明一个off()函数,获得span对象,设置其display属性为none。

回答2:

楼上正解。
首先,溢出隐藏就先想到代码overflow: hidden
其次,溢出隐藏必须设置元素的宽或者高,你不确定宽或者高它怎么知道超出什么范围才隐藏呢
最后,因为只有块级元素才能设置宽和高,而span是行内元素,要转换成块级元素用代码display:block

回答3: