1

空の p 要素とはどういう意味ですか? なぜそのままの形でレンダリングされるのですか？

<p>Something...</p>
<p></p>
<p>Something else...</p>

<p></p>: Chrome はそれを無視します - それでも-webkit-margin-after:1em.

<p style='margin-top:2em'>: Chrome は上部マージンを表示します

<p style='font-size:2em'>: 空なのに Chrome で表示される????

4

3 に答える 3

1

HTML 4.01 仕様によると、空pの要素はブラウザーで無視されるべきであり、作成者はそれらを使用すべきではありません。したがって、ブラウザーがこれに対して何をするかを尋ねることは、使用されるべきではない構造を処理する際にブラウザーがどのように誤動作するか (推奨に従わないこと) を尋ねることになります。実験は、ブラウザとバージョンごとに個別に実行する必要があります。

于 2012-11-23T15:35:50.157 に答える
0

Chromeおよびその他のブラウザでテスト済み。しかし、違いは見つかりませんでした。にコンテンツがない場合

。タグはどのブラウザにも表示されません。

于 2012-11-23T14:53:32.037 に答える
0

developer.mozilla.org/en-US/docs/CSS/margin_collapsingから引用するには[Llepwryd のコメントのおかげで、多くの必要な情報が得られます]

空のブロック: ブロックの margin-top を margin-bottom から分離するための境界線、パディング、インライン コンテンツ、高さ、または min-height がない場合、その上マージンと下マージンは崩壊します。

そう：

<p></p>: コンテンツや高さはなく、上下の余白は 1em に折りたたまれます。開発者モードでは 2em の余白が表示され、次の段落のテキストと重なっています。これは間違いだと思いますか?

<p style='margin-top:2em'>: 上記と同じですが、余白が 2em に折りたたまれます。

<p style='font-size:2em'>: いくつかの推測 - マージンは 1em です。ここで、マージンemは段落のフォント サイズに相当します。したがって、マージンの1em は通常のテキストの2emに相当します。上記と同じように、マージンを折りたたむと、最初の段落と 3 番目の段落の間に 2em のスペースができます。

于 2012-11-23T15:05:06.727 に答える