0

私は5つの部門を持っています。画面の中央に1つだけ表示したいたびに。問題は、非表示の div がスペースを取ることです。各 div には多くの情報が含まれているため、表示する必要があるたびに作成したくありません。

私は単に使用しました:visibility="visible"またはvisibility="hidden".

他の可能性はありますか？

4

4 に答える 4

3

display:none代わりに、レイアウトから要素を完全に非表示にするために使用する必要があります。これは、次のように文書化されています。

none - この値により、要素がドキュメントに表示されなくなります。レイアウトには影響しません。

visibility:hidden目に見えないボックスが残ります。これが、発生している問題です。ドキュメントから：

hidden - 生成されたボックスは非表示 (完全に透明、何も描画されません) ですが、レイアウトには影響します。さらに、'visibility: visible' が設定されている場合、要素の子孫が表示されます。

aのデフォルトの CSSdisplay値<div>はdisplay:blockであるため、再度表示<div>するには、要素を に戻すだけdisplay:blockです。には他の値displayがあることに注意してください。そのため、元の値に戻すように注意してください (必ずしもデフォルト値であるとは限りません)。

于 2013-05-09T13:56:39.333 に答える
0

display:nonecss を使用する場合、またはjquery.hide()を使用する場合に使用します

于 2013-05-09T13:57:26.920 に答える
0

私は通常、jquery の 'hide' メソッドを使用します。これにより、画面上のスペースを占有することなく、div が非表示になります。

于 2013-05-09T13:57:31.043 に答える
0

目に見えない要素でさえ、ページのスペースを占有します。プロパティを使用して、displayスペースを取らない非表示の要素を作成します。

display:none;

詳細については、こちらをお読みください --> https://developer.mozilla.org/en-US/docs/CSS/display

于 2013-05-09T13:57:38.240 に答える