display:none与visibility:hidden不同的隐藏
程序员文章站
2022-06-16 14:52:03
...
相同点:display:none和visible:hidden都有把网页上某个元素隐藏起来的功能。
区别:
visibility:hidden--为隐藏的对象保留其物理空间
display: none--不为被隐藏的对象保留其物理空间
文字看起来不好理解,我喜欢实例,下面是我整理的一个经典实例,分享一下:
第一行
第三行
第一行
第三行
style="display:none"
style="visibility:hidden"
还好,调试时我连图也截上了,看图:
结合前面的代码一起看,如果还看不明白,最好自己动手实践一下!
本文首发WBlog博客,欢迎转载!转载请注明本文地址,谢谢。
本文地址:http://w3note.com/web/25.html
上一篇: PS五分钟制作耐克风格的半调运动海报
下一篇: 用php来对MySQL存储过程进行调用
推荐阅读
-
js中设置控件的隐藏与显示(display:none)
-
display:none和visibility:hidden两者的区别
-
display:none与visibility:hidden不同的隐藏
-
display: none与visibility: hidden的区别
-
display:none与visibility:hidden不同的隐藏
-
css中关于display:none与visible:hidden的具体区别详解
-
display:none与visibility:hidden之间有哪些区别
-
display:none;与visibility:hidden;的区别_html/css_WEB-ITnose
-
display:none和visibility:hidden的区别?
-
display:none;与visibility:hidden;的区别