display:none
表示相关标签根本不会出现在页面上(尽管您仍然可以通过dom与之交互)。其他标签之间将没有分配空间。
visibility:hidden
表示与不同display:none
,该标签不可见,但在页面上为其分配了空间。标签已呈现,只是在页面上看不到。
例如:
test | <span style="[style-tag-value]">Appropriate style in this tag</span> | test
替换[style-tag-value]
为display:none
结果:
test | | test
替换[style-tag-value]
为visibility:hidden
结果:
test | | test