visible：hidden和display：none有什么区别？

• Z时代
• 2024-01-10
• 分类：问答

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

替换[style-tag-value]为display:none结果：

test |   | test

替换[style-tag-value]为visibility:hidden结果：

test |                        | test

以上是 visible：hidden和display：none有什么区别？ 的全部内容， 来源链接： utcz.com/qa/401210.html