ホームページ >ウェブフロントエンド >CSSチュートリアル >IE8 でインライン ブロックが正しく動作しないのはなぜですか?
IE8 でインライン ブロックが正しく動作しないのはなぜですか?
- Susan Sarandonオリジナル
- 2024-10-29 05:59:02534ブラウズ
IE8 表示: インライン ブロック エラーが解決されました
IE8 では、インライン ブロックをサポートしているように見えますが、一部のユーザーはインライン ブロックの問題に遭遇します。画面。この問題を解決するには、HTML タグの前に doctype が宣言されていることを確認してください。
次のコードは、IE8 での inline-block の使用法を示しています。
<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>
このコードは、次のことを目的としています。 Google Chrome などのブラウザで見られるように、スパン要素とリスト要素をインラインで配置します。ただし、IE8 ユーザーは、Doctype がないため、位置が正しく配置されない可能性があります。 IE8 で適切に表示されるようにするには、コードの最初の行として次の宣言を追加します。
<code class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></code>
この doctype は、ドキュメントが HTML5 標準に準拠していることを IE8 に通知し、表示の問題を解決し、要素を正しく配置します。意図したとおりです。
以上がIE8 でインライン ブロックが正しく動作しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。