今日、 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:
以上がcss:margin:0 auto は Ie8 では中央に配置できませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
