クラス「a」のdivを非表示にしたいです。CSSファイルに行を追加しようとしましたdisplay: none;
が、それはそれを非表示にしますが、スペースをキャッチしないため、他のすべてのボックスが所定の位置に留まりません。
CSSを使用してこれを行う方法はありますか?
.a{visibility: hidden}
CSSに追加します。詳細はこちら:
visibility:hidden
他の要素を動かさないようにスペースを維持しながら、要素を非表示にする必要があります。
visibility
css プロパティを使用できます。サイトポイント参照から -
このプロパティは、要素が表示されるかどうか、つまり、要素によって生成されるボックスがレンダリングされるかどうかを指定します。
通常のフローでボックスが非表示になっている場合でも、display を none に設定してボックスの生成を完全に抑制した場合とは異なり、他の要素のレイアウトに影響を与えることに注意してください。非表示ボックスの子孫ボックスは、可視性が表示に設定されている場合に表示されますが、表示がなしに設定されている要素の子孫は、独自のボックスを生成することはできません。
詳細については、こちらをご覧ください。