display:noneとvisibility:hiddenの違い

display:noneは要素を削除する。
visibility:hiddenは要素を非表示にする。

例(display: none)

適用前

適用後

例(visibility: hidden)

適用前

適用後