IE7 の「display: inline-block;」互換性の問題を解決するにはどうすればよいですか?

IE7 ディスプレイ: インライン ブロック互換性修正

IE7 は、ディスプレイ: inline-block; の実装に関して課題を引き起こします。財産。この記事では、この問題に対処し、解決策を示します。

自然にインライン化される要素以外の要素については、IE7 ではインライン ブロック動作を実現するために特定の CSS ハックが必要です。次の CSS がそのトリックを実行します:

display: inline-block;
*display: inline;
zoom: 1;

このハックには 3 つのコンポーネントが含まれています:

• display: inline-block: これは対象となる表示プロパティです.
• *display: inline: このスター プロパティ ハックにより、 IE7 以前では、表示がインラインに設定されています。
• zoom: 1: これにより、hasLayout 動作がトリガーされます。これは、IE7 でインライン ブロックが適切に機能するために不可欠です。

この CSS は検証の問題やスタイルの不一致を引き起こす可能性があることに注意してください。したがって、条件付きコメントを通じて IE7 固有のスタイルシートを使用することを検討してください。

<!--[if IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css" />
<![endif]-->

このハックを実装することで、次の表示を克服できます。 IE7 の互換性制限を回避し、さまざまなブラウザ間で Web ページの一貫したレンダリングを保証します。

以上がIE7 の「display: inline-block;」互換性の問題を解決するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。