IE8 でインライン ブロックを正しく表示するのに苦労していますか? IE8 の inline-block の実装は予期せぬ動作をする可能性があるため、共通の課題に直面しています。機能しない理由とその解決方法を詳しく見てみましょう。
あなたが述べたように、IE8 はインライン ブロックをサポートしていますが、HTML ドキュメントの先頭で適切な Doctype 宣言が必要です。これがないと、IE8 のレンダリング エンジンが quirks モードに戻り、CSS の動作が異なる場合があります。これを修正するには、ドキュメントの最初の行、HTML タグの前に次の行を追加してみてください。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
この Doctype 宣言により、IE8 はコードを XHTML 移行ドキュメントとして解釈し、次のように表示されるようになります。
Doctype 宣言を組み込むと、インライン ブロック CSS は IE8 で期待どおりに動作するはずです。この修正により、float や余分なマークアップに頼ることなく要素をインラインに配置できるようになり、古いブラウザでもクリーンで効率的なレイアウトが提供されます。
以上がIE8 でインライン ブロック表示が正しく動作しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
