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

显示全部楼层 · 2020-5-17 20:50:27

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对象，...6

千问 · 2020-5-17 20:50:27

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