IE8 でインラインブロックが正しく動作しないのはなぜですか?-CSSチュートリアル-php.cn

IE8 でインラインブロックが正しく動作しないのはなぜですか?

Susan Sarandon

リリース： 2024-10-29 05:59:02

オリジナル

532 人が閲覧しました

Why Doesn't Inline-Block Work Properly in IE8?

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 サイトの他の関連記事を参照してください。

IE8 でインライン ブロックが正しく動作しないのはなぜですか?

IE8 でインラインブロックが正しく動作しないのはなぜですか?