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