私はを使用して隠されている隠された要素を持っています
visibility:hidden;
ただし、ページ上で表示されていた場合のスペースを占有します。これにより、他のいくつかの要素がページをもう少し押し下げられ、奇妙に見えます。非表示になっている理由は、モバイルでのみ表示されるためです。この空きスペースを削除する方法はありますか?
要素がvisibility: hidden
まだページ内のスペースを占めています。display: none
レイアウト フローから要素を削除する場合に使用します。DOM で引き続き操作できますが、display:none
他の要素が割り当てられるスペースを占有できるようになります。
また、どちらのイベントにも応答しvisibility: hidden
ないdisplay: none
ことに注意してください。
あなたのコードを見ずに...行うのはかなり難しいです...しかし、デフォルトはdisplay:none
visibility:hidden;
要素を非表示にするだけで、レイアウトから削除しません
使用する
display:none;
これにより、レイアウトから削除されます。
これはvisibility: hidden;
、要素を非表示にするだけであり、100% 透明にすることと同等であるためです。
display: none;
ただし、 のように要素を非表示にしますが、さらに追加の手順を実行して、ページから効果的に削除します (実際にはvisibility: hidden;
削除しませんが、その効果を与えるだけです)。