ホームページ >ウェブフロントエンド >CSSチュートリアル >css:margin:0 auto は Ie8 では中央に配置できません
css:margin:0 auto は Ie8 では中央に配置できません
- 黄舟オリジナル
- 2017-07-21 13:43:542045ブラウズ
今日、 margin:0 auto; を使用して属性を定義し、中央に配置する div を作成しましたが、無効であることが判明しました。
最初はCSSのコードの競合かと思い、何度か確認しましたが、問題ないことがわかり、FirefoxとGoogle Chromeでテストしたところ、中央に配置されていることがわかりました。 。 。
ブラウザの互換性の問題のようです 私はwin7を使用しているのですが、IEがIE8にアップグレードされていることが問題のようです。百度。 。 。 。
解決策は以下にコピーされます：
IE6、7、Firefoxでセンタリングを実現するには、margin:autoを使用するのが一般的ですが、IE8ではこれだけでは十分ではありません。現在、2 つの解決策が提供されています:
方法 1 (推奨):
まず、ドキュメント タイプをページの上部に設定する必要があります:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition al.dtd">
、先頭に追加する必要があります:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 即可！
方法 2:
Body settings {text-align :center;width:100%;}
すべての div を c51f4459fcf422a08b11ee79272896f5 に含め、ラップは次のように設定します:
#wrap
{
text-align:left;
width:***;
margin:0
auto;
} そして head に追加します:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
それでおしまい！
方法 3:
bacbf9e1ad7f40415ce1670e31edfee3adca8a5fa06ffeafb062c2e3f274b930 を使用して、2 番目のラップレイヤーを置き換えます。
以上がcss:margin:0 auto は Ie8 では中央に配置できませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。