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 auto;

Answer 4

Stackoverflow主题中有很多问题的答案

实施例： Cross browser div center alignment using CSS