16

URL: http://cyberbat.co.uk/testコンテナーの余白: auto が機能していません。IE で真ん中に配置する他の方法はありますか。

編集: もう一度確認してください。 index.php は間違ったファイルでした。 index.html に置き換えました。

4

9 に答える 9

24

これは IE のバグです。のホルダーを作成して<div class="page">設定するだけtext-alignですcenter

.page-holder{
    text-align:center;
}
.page{
    margin:0 auto;
}
<div class="page-holder">
    <div class="page">
    page content
    </div>
</div>

于 2011-10-18T16:14:35.353 に答える
10

愚かなブラウザーの親コンテナーでこれを使用します。

text-align: center
于 2011-10-18T16:10:55.383 に答える
9 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

あなたの問題はあなたのファイルタイプと標準を定義することです。このコードをファイルの先頭に追加すると、機能します。

于 2012-10-14T13:55:04.993 に答える
8

親アイテムで次を使用してみてください。

display: flex;
align-items: center;
于 2015-11-24T14:08:14.800 に答える
3

サーバーを適切に構成しなかったため、RAW php コードがあります。

<?php
include('inc/settings.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

PHP を *.html ファイルに適用してこの問題を解決すると、<?php include ?>文字どおりに表示されなくなります。私の記憶が正しければ、.ini ファイルのこの行を次のように調整します。

AddType application/x-httpd-php .html .htm .php

このリテラル バックエンド コードは DOCTYPE の前にあるため、IE で quirks モードが発生し、quirks の水平方向の自動マージンが正しく機能しません。

親要素の text-align:center を使用できますが、これは IE のハックであり、上記の私の提案から IE に標準モードでレンダリングさせることで、これを適切に解決する必要があります。

于 2011-10-18T16:11:09.237 に答える
2

Internet Explorer は、マークアップの上部にあるこの偽の処理命令により、Web サイトを互換モードで表示します。

<?php
include('inc/settings.php');
?>

それを除く; margin: autoIE6+ で動作します。する必要も、その他の不必要な変更もありません。text-align: center

于 2011-10-18T16:11:49.227 に答える