CSS规则visibility:hidden
和display:none
都会导致该元素不可见。这些是同义词吗?
display:none
意味着该标签根本不会出现在页面上(尽管你仍然可以通过dom与它互动)。 在其他标签之间不会有空间分配给它。
visibility:hidden
意味着与display:none
不同,该标签不可见,但页面上为其分配了空间。标签会被渲染,只是在页面上看不到。
比如说。
test | <span style="[style-tag-value]">Appropriate style in this tag</span> | test
用 "display:none "替换"[style-tag-value]"的结果是。
test | | test
用 "visibility:hidden "替换"[style-tag-value]"的结果是:
test | | test