css:margin:0 auto は Ie8 では中央に配置できません
Jul 21, 2017 pm 01:43 PM今日、 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 を <div id="wrap"> に含め、ラップは次のように設定します:
#wrap
{
text-align:left;
width:***;
margin:0
auto;
} そして head に追加します:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
それでおしまい！
方法 3:
<center></center> を使用して、2 番目のラップレイヤーを置き換えます。
以上がcss:margin:0 auto は Ie8 では中央に配置できませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
人気の記事
人気の記事
ホットな記事タグ
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7126
9
1534
14
1256
25
1205
29
1153
46
CSS ボーダー プロパティの詳細な説明: パディング、マージン、ボーダー
Oct 21, 2023 am 11:07 AM
CSS ボーダー プロパティの詳細な説明: パディング、マージン、ボーダー
ポルシェのリークはEVボクスターとケイマンが早ければ2025年10月にもガソリンモデルに置き換わる可能性を示唆
Jun 15, 2024 pm 04:02 PM
ポルシェのリークはEVボクスターとケイマンが早ければ2025年10月にもガソリンモデルに置き換わる可能性を示唆
CSS テキスト レイアウト プロパティの詳細な説明: テキスト オーバーフローと空白
Oct 20, 2023 am 11:19 AM
CSS テキスト レイアウト プロパティの詳細な説明: テキスト オーバーフローと空白
