0

divを中央に配置しようとしています。これは私のコードです：

<!Doctype Html>
<html>
    <head>
        <title>title</title>
        <style type="text/css">
            * {
                text-align: left;
            }
        </style>
    </head>
    <body>
        <div id="container" style="width: 500px; margin-left: auto; margin-right: auto; text-align: center;">
            <div id="content" style="text-align: center;">
                <p>Beispiel: DIV Container horizontal zentrieren.</p>
            </div>
        </div>
    </body>
</html>

CSS リセットで text-align を残すように設定したため、完全に中央ではありません。この行を削除すると、すべて問題ありません。text-align: center; の理由 id #content を持つ div の CSS リセットをオーバーライドしませんか?

4

4 に答える 4

1

それを上書きする必要があり!importantます（pタグを残します）

#content{margin:0 auto; background:red; width: 500px; text-align: center !important;}

デモ1

または、pタグのcssを書くことができます

#content p{text-align: center }

デモ 2

于 2013-01-30T12:39:51.530 に答える
0

これを試してください

キーポイントは

margin: 0 auto
于 2013-01-30T12:42:57.167 に答える
0

HTML *タグでは、すべてのタグを厳密にプロパティと見なすことを意味します。スタイルを少し変更する必要があります。リンクにアクセスしてください

于 2013-01-30T12:58:04.413 に答える
0

さらに良いことに、より少ないマークアップ:

<!Doctype Html>
<html>
    <head>
        <title>title</title>
        <style type="text/css">
            #content{
                width: 500px;
                margin:0 auto;
            }
            #content p {
                text-align:center; 
            }
        </style>
    </head>
    <body>
        <div id="content">
            <p>Beispiel: DIV Container horizontal zentrieren.</p>
        </div>
    </body>
</html>

ほとんどの場合、「インライン スタイル」は使用しない方がよいでしょう。また、保守性を高めるために、スタイルを別の css ファイルに移動します。

于 2013-01-30T12:50:13.620 に答える