html - 表示なしと表示ブロックの違い

Question

display: noneコントロールのスタイルを設定することとの違いは何display: blockですか？

score 18 · Accepted Answer

displayプロパティは、特定のHTML要素の表示方法を定義します。表示blockし、nonehtml要素を表示または非表示にするために使用されます。表示プロパティと使用可能なオプションについて詳しくは、こちらをご覧ください。

score 13 · Accepted Answer

表示:なし; - 要素はにありますが、表示されておらず、異なるDOMを占めていません。spacevisibility:hidden

表示ブロック; - ブロック要素はfull width使用可能なものを占有し、他の要素をそれらの横に配置することを許可しません。例：div

score 3 · Accepted Answer

これら 2 つのスタイルプロパティは、2 つの異なることを行います。

display: noneは、ドキュメントから要素を完全に削除します。そのための HTML はまだソースコードにありますが、スペースを占有しません。(要素はまったくボックスを生成しません)

display: block要素は、利用可能なスペースの全幅にまたがります。(要素の前後の改行)

score 1 · Accepted Answer

表示する別のニュアンスがあります。div を子として親 div に動的に挿入し、子の可視性プロパティを明示的に「可視」に設定した場合、親の可視性プロパティは親のみを表示/非表示にします。親の表示設定に関係なく、子は表示されたままになります。

このような場合 (親/子の可視性が異なるスタイルルールによって設定されている場合)、親の display:none 設定は、親/子が個別にスタイル設定されていても、すべての子を非表示にします。強調されたテキスト

score 0 · Accepted Answer

表示なし：コントロールを非表示にします。element style = "display：none"のプロパティを設定すると、要素はWebページにレンダリングされず、実行されません。

ブロックの表示：ブロックレベルでWebページに要素を表示します

score 0 · Accepted Answer

何も表示しないと、含まれているものが非表示になります。ここでdivに適用すると、divの幅と高さも非表示になります。表示ブロックに含まれるものが表示されます。

score 0 · Accepted Answer

Display:none;要素が表示されないことをDisplay:block;意味し、要素がブロックレベルの要素（段落やヘッダーなど）として表示されることを意味します。

score 0 · Accepted Answer

あなたは私が思うCSSプロパティについて尋ねています。これはDOM要素の表示/非表示に使用されます

CSS プロパティは display で、値は「none」、「block」などです

参照元: http://w3fools.com/で提案されているCSS 表示

ブロック

オブジェクトはブロック要素としてレンダリングされます。

なし

要素はレンダリングされません。要素 (レイアウトには影響しません)。すべての子要素も表示がオフになっています。ドキュメントは、要素が存在しないかのようにレンダリングされます。

列をなして

デフォルト。オブジェクトは、コンテンツのサイズによってサイズ変更されたインライン要素としてレンダリングされます。

リスト項目

Internet Explorer 6 以降。オブジェクトはブロック要素としてレンダリングされ、リスト項目マーカーが追加されます。

テーブルヘッダーグループ

オブジェクトは tHead としてレンダリングされます。テーブルヘッダーは常に、他のすべての行および行グループの前、およびトップキャプションの後に表示されます。ヘッダーは、表にまたがる各ドキュメントに表示されます。

テーブルフッターグループ

オブジェクトは tFoot としてレンダリングされます。テーブルフッターは常に、他のすべての行および行グループの後、下部キャプションの前に表示されます。フッターは、表にまたがる各ドキュメントに表示されます。

インラインブロック

オブジェクトはインラインでレンダリングされますが、オブジェクトのコンテンツはブロック要素としてレンダリングされます。隣接するインライン要素は、スペースが許す限り同じ行に表示されます。

9 に答える 9