私のdivを中心にするCSSの方法

私はウェブページの上部に座っているdivが、divは水平に中央にbを意味します。

しかし何らかの理由でdivが常に左側に座っていますか?

divをどのように水平に中央に置くことができるか知っていますか?

divに "align =" center ""を追加すると、そのdivが中心に置かれますが、私はそれを中心にする純粋なCSS方法を探しています:



<head>
    <title> </title>

    
</head>
<body>

    <div id="heading">
        <div id="headingContainer">
            Select Recipes
        </div>
    </div>

</body>
</html>
4

4 答え

エレメントに幅があるため、自動マージンを使用できます:

 #headingContainer {
  margin: 0 auto;
  width: 980px;
  height: 110px;
  text-align: right;
  background-color: red;
}

http://jsfiddle.net/Xee6s/

5
追加された
それは合理的です。しかし、純度は本当に必要ありません。あなたは思いませんか?
追加された 著者 mozillanerd,

You can align divs to center by setting the margin on the left & right to auto. this makes the browser to divide the space equally

#heading
{
  width:200px;
  margin:0 auto 0 auto;
}

In jsfiddle : http://jsfiddle.net/DfXBp/1/

1
追加された

ええマージン:0オート;良いですが、あなたはテキストのままにする必要があります:IEのような古いブラウザのためのあなたの体の中心

1
追加された
IE6またはIE6より古いバージョンと、より新しいバージョンのquirksモードのみ。 誰も 6歳以上のIEを気にせず、だれも不自然モードを使用してはいけません。
追加された 著者 thirtydot,

#headingまたは#headingContainer divを中心に合わせようとしている場合は、そのスタイルに単純に追加します:

margin: 0 auto;
1
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript