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