ホームページ > 記事 > ウェブフロントエンド > Internet Explorer 8 でインライン ブロック表示が機能しないのはなぜですか?
Internet Explorer 8 でインライン ブロック表示が機能しないのはなぜですか?
- Mary-Kate Olsenオリジナル
- 2024-10-31 23:01:29685ブラウズ
Internet Explorer 8 での永続的なインライン ブロックの問題
ドキュメントでインライン ブロックのサポートが示されているにもかかわらず、Internet Explorer 8 では正しく表示されない場合があります。この問題は頻繁に発生します。
これを解決するには、次の点を考慮してください。
正しい Doctype を設定する
次の 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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。