可见性:隐藏和显示:无之间有什么区别?

2023-12-23

CSS 规则visibility:hidden and display:none两者都会导致元素不可见。这些是同义词吗?


display:none意味着相关标签根本不会出现在页面上(尽管您仍然可以通过 dom 与其交互)。其他标签之间不会为其分配空间。

visibility:hidden意味着不同于display:none,该标签不可见,但页面上为其分配了空间。该标签已呈现,只是在页面上看不到。

例如:

test | <span style="[style-tag-value]">Appropriate style in this tag</span> | test

更换[style-tag-value] with display:none结果是:

test |   | test

更换[style-tag-value] with visibility:hidden结果是:

test |                        | test
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

可见性:隐藏和显示:无之间有什么区别? 的相关文章

随机推荐