Question

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

Answer 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。

Answer 2

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

Answer 3

<span style="width:100px; height:100px; display:block;overflow: hidden;"></span>