ホームページ > 記事 > ウェブフロントエンド > Internet Explorer 8 でインライン ブロック表示が機能しないのはなぜですか?
ドキュメントでインライン ブロックのサポートが示されているにもかかわらず、Internet Explorer 8 では正しく表示されない場合があります。この問題は頻繁に発生します。
これを解決するには、次の点を考慮してください。
次の doctype 宣言で HTML ドキュメントを開始します。
><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
これにより、IE8 が正しいレンダリング仕様に準拠するようになります。
次の CSS および HTML コードを考えてみましょう:
<code class="css">span, ul, ul li { display: inline-block; vertical-align: top; margin: 0; padding: 0; list-style: none; } </code>
<code class="html"><span>i would want</span> <ul> <li>this</li> <li>on</li> <li>one line.</li> </ul></code>
doctype 宣言を配置すると、このコードは IE8 で期待どおりにインラインで表示されるはずです。
Internet Explorer でのインライン ブロック レンダリングの問題を解決するには、正しい doctype 宣言を追加することが不可欠です。 8. この簡単な調整により、ブラウザーが CSS スタイルを意図したとおりに解釈して適用できるようになります。
以上がInternet Explorer 8 でインライン ブロック表示が機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。