☰

改行や水平スペースを作らない非表示の div を作成するにはどうすればよいでしょうか? 質問する

tag-icon • tag-icon html hidden
改行や水平スペースを作らない非表示の div を作成するにはどうすればよいでしょうか? 質問する

画面上のスペースを占有しない非表示のチェックボックスが欲しいです。

これがあれば：

<div id="divCheckbox" style="visibility: hidden">

チェックボックスは表示されませんが、それでも新しい行が作成されます。

これがあれば：

<div id="divCheckbox" style="visibility: hidden; display:inline;">

新しい行は作成されなくなりますが、画面上の水平方向のスペースを占有します。

スペースを取らない（垂直または水平）隠し div を作成する方法はありますか?

ベストアンサー1

使用display:none;

<div id="divCheckbox" style="display: none;">

  • visibility: hidden要素は非表示になりますが、レイアウト内では依然としてスペースを占有します。

  • display: none要素をドキュメントから完全に削除し、スペースを占有しません。

おすすめ記事