0

1000 ピクセルの固定幅であるはずの CSS 要素があります。私が持っているCSSコードは次のとおりです。

#content
{
    margin:auto;
    background-color:#DDDDDD;
    position:absolute;
    top:110px;
    width:1000px;
}

これにより、幅、位置、および色が完全に設定されますが、常に左揃えになります。テキストのブロック全体を中央に揃えたい。私はそれを行うために HTML を使用してみました:

<div id="content" align="center">
Some test content
</div>

ただし、これは要素自体ではなく、要素内のテキストのみを揃えます。外観は次のとおりです。

http://gyazo.com/b44a28edfecb9cbfc3a5afe93fa08d8a

それを中心に揃えるための助けは大歓迎です。前もって感謝します！

4

4 に答える 4

1

position:absolute;水平方向に中央揃えにします。

あなたのhtml構造の多くを見ることができません。垂直位置がこれによって影響を受ける場合は、次のように変更margin:autoしてみてください。

margin: 110px auto 0;またmargin: 0 auto

于 2013-06-03T21:46:01.317 に答える
1

div代わりに cssを中央に配置する必要があります。

このようなもの：

#content
{
background-color:#DDDDDD;
width:1000px;
margin: 110px auto; /*center the element and set top margin to 110px*/
}

<div id="content">
Some test content
</div>
于 2013-06-03T21:54:24.950 に答える
0 
<!DOCTYPE>
<html>
    <head>
        <style>
            #content{
                background-color:#DDDDDD;
                width:1000px;
            margin: 0 auto;
            }
            #wrapper{
            width: 1300px;
            }
        </style>
    </head>
    <body>
        <div id="wrapper">
            <div id="content" align="center">Some test content</div>
        </div>
    </body>
</html>
于 2013-06-03T22:19:35.583 に答える
0

要素を絶対位置から中央に配置する場合、これはまだ静的なコンテキストにある必要があります。例： http: //jsfiddle.net/GCyrillus/bNFd5/

.absolute {
    position:absolute;
    left:0;
    width:100%;
}
.center {
    width:500px;
    margin:auto;
    border:solid;
}
.static {
    padding-top:5em;
}
于 2013-06-03T21:54:10.627 に答える