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