css:margin:0 auto は Ie8 では中央に配置できません-CSSチュートリアル-php.cn

css:margin:0 auto は Ie8 では中央に配置できません

黄舟

リリース： 2017-07-21 13:43:54

オリジナル

1973 人が閲覧しました

今日、 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 を

に含め、ラップは次のように設定します:

　#wrap    
　{ 
　text-align:left; 
　width:***;  
　margin:0 
　auto; 
　 }

ログイン後にコピー

そして head に追加します:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

ログイン後にコピー

それでおしまい！

方法 3:

を使用して、2 番目のラップレイヤーを置き換えます。

以上がcss:margin:0 auto は Ie8 では中央に配置できませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

css:margin:0 auto は Ie8 では中央に配置できません