css - CSS - Div オブジェクトのセンタリング?

Question

DIV オブジェクトをブラウザー画面の中央に配置したいだけです。

それは私が思うようなものでなければなりません..

<div id="root">
    <div id="centeredElement"></div>
</div>

div#root {
    width:100%; 
}
div#centeredElement {
    width:500px;
    height:200px;
    align:center;
}

Answer 1

---

text-align:center また margin:0 auto;

このように

div#centeredElement{
text-align:center;
}

また

div#centeredElement{
margin:0 auto;
}

Answer 2

div、画像、またはその他のオブジェクトを中央に配置するには、いくつかのオプションがあります。

1) div 内のすべて

<div align="center"> blabla </div>

2) 画像またはフレーム用

<img style="display:block;margin-left:auto;margin-right:auto;" align="center" src="xx.jpg" />

3) 別:

<div style="width:80%;margin-left:10%;"> blabla </div>

Answer 3

変化する

位置合わせ:中央

に

マージン: 0px 自動;