Firefox のインライン要素が「margin-top」に応答しないのはなぜですか?

インライン要素の垂直マージンの動作: Firefox が CSS に従う理由

質問:
なぜインラインにするのかFirefox や他のブラウザの要素は margin-top プロパティを無視しますか?

回答:
この現象は Firefox に限定されたものではなく、CSS 2.1 仕様に起因します。仕様によると:

「置換されていないインライン要素には垂直マージンは影響しません。」

説明:
CSS 仕様では要素を次のように分類しています。ブロックレベルまたはインラインのいずれかです。 div や p などのブロックレベル要素は複数行を占めることができ、これらの要素に指定された垂直マージンは期待どおりにレンダリングされます。

ただし、span や a などのインライン要素は、行内で流れるように意図されています。ライン。これらは別の行に表示されず、独自の書式設定コンテキストも持ちません。その結果、インライン要素に指定された垂直マージンは適用されません。

したがって、Firefox の margin-top で観察される動作はブラウザ固有の問題ではなく、CSS 仕様への準拠です。これにより、インライン要素が正しくレンダリングされ、望ましいテキスト フローが維持されることが保証されます。

以上がFirefox のインライン要素が「margin-top」に応答しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。