display:block「いつ、いつ:inline、いつ使用するか」とその理由に関する良い記事を知っています:inline-blockか?
そして、いつdisplay:??をオーバーライドする必要がありますか? HTMLタグ/要素のcssを介して?
12815 次
4 に答える
20
inline- 要素をテキストのインライン チャンクであるかのように扱います。widthそしてheight意味がない
block- 要素を長方形として扱います。widthとheight指定可能
inline-block- テキストとインラインで要素をフローしますが、指定することができwidthますheight。
とにかく、要素はこれらのいずれかにデフォルト設定されます。例えば：
<span>、<em>、<strong>->inline
<div>、<p>->block
于 2010-06-15T06:42:44.097 に答える
5
ブロックとインラインの使用例は非常に明白です。短い範囲のテキスト (たとえば、数語) にスタイルを適用する場合はインラインを使用し、幅/高さのある長方形領域にはブロックを使用します。
インラインブロックに関しては、当然画像に使用されます。小さなブロックを通常のテキストのように左から右、上から下に流したいが、それでもブロックのようにしたい場合に便利です。
注: 90% の場合、プロパティを指定する必要はありません。インラインやブロックなどのクラスで適切displayな要素を使用するだけです。それが機能する主な方法は、Javascript で何かを隠すときに、要素を元の/自然な表示属性に戻すだけでよいということです。<strong><em><div><p>
于 2010-06-16T12:16:40.437 に答える
5
quirksmode.org には、スクリーンショット付きの適切な説明があります。
于 2010-06-15T06:45:23.437 に答える
2
デフォルトでは、師団はブロックとして表示されます。これにより、それが独自の行に配置され、展開されてコンテナがいっぱいになります。インライン要素は、基本的にスパンに分割します (既定の状態)。もう何も適用できず、テキストとともにインラインで表示されます。2つの間の中央値を取得できます：インラインブロック. これにより、幅と高さの設定など、分割でより多くのスタイリングを行うことができますが、「ブロック」はテキストのインラインで、画像のように表示されます。
したがって、インライン、インライン ブロック、およびブロックは要素のレベルに似ており、それぞれに要素に適用できる/できない特定のスタイルがあります。
于 2010-06-15T06:45:37.733 に答える