[CSS] 要素のスペースを詰めずにその要素を非表示にする方法

CSS で DOM 要素を非表示にすることがありますが、普通に display:none を使うと
その対象要素のスペースごと非表示になり、前後の要素が詰まってしまう動作となります。

しかし、前後の要素を詰めずに非表示にしたい場合は、visibility:hidden を使うと実現することができます。

BOX←に詰まります


BOX←に詰まりません




※ソースコード

BOX←に詰まります


BOX←に詰まりません