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

JavaScript012

<span>中显示文字超出宽度如何自动隐藏,第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。

对话框里面的内容,如果过多的话,尺寸超过了对话框本身的尺寸,就会超出。

可以设置对话框的overflow属性,提前设定好超出时的显示方式。

比如:overflow: hidden,就是隐藏超出的内容。设置为auto就会出现滚动条。

用JQUERY 比较好实现 给你需要实现该效果的DIV加上 name="content" 就行 具体代码 看附件

下载后 直接用浏览器打开  里面的100 代表50个汉字 你换成200 就行 然后自己加个dIV 字数少点  就可以看到效果了 下班了  没时间测 应该没问题