Internet Explorer 8 標準モードで「margin: 0 auto;」要素が中央に配置されないのはなぜですか?-CSSチュートリアル-php.cn

Internet Explorer 8 標準モードで「margin: 0 auto;」要素が中央に配置されないのはなぜですか?

Barbara Streisand

リリース： 2024-11-30 10:42:11

オリジナル

351 人が閲覧しました

Why Doesn't `margin: 0 auto;` Center Elements in Internet Explorer 8 Standard Mode?

「margin: 0 auto;」について理解するInternet Explorer 8 の問題

Web 開発の分野では、水平方向の中央揃えを実現することが永続的な課題となっています。「マージン: 0 auto;」この技術は長い間信頼できるソリューションでしたが、Internet Explorer 8 (IE8) でのその有効性には疑問が生じています。

IE8 標準での予期しない動作

「マージン:」を適用すると、 0 自動;"ブロックレベルの要素に対して、IE8 標準モードの動作に一貫性がありません。この例では、Firefox 3、Opera、Safari、Chrome、IE7、IE8 互換モードなどの他のブラウザとは異なり、送信ボタンが中央に配置されません。

謎と未定義の動作

この矛盾は、ブラウザの正しい動作についての議論を引き起こしました。いくつかの見方によれば、すべてのブラウザは状況を正しく処理しません。ただし、この場合、ボタンの幅は 100% であるべきだと主張する人もいます。

DOCTYPE による問題の解決

幸いなことに、解決策は次のコードを追加するだけで簡単です。 HTML ドキュメントの先頭に次の行を追加します:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

ログイン後にコピー

この宣言はドキュメントのタイプとIE8 が期待どおりに要素をレンダリングすることを保証し、「margin: 0 auto;」必要に応じてボタンを中央に配置します。

以上がInternet Explorer 8 標準モードで「margin: 0 auto;」要素が中央に配置されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。