CSS - 如何让Div对象居中显示？

Question

CSS - 如何让Div对象居中显示？

3

我希望您能将一个 DIV 对象居中到浏览器屏幕中央。大概是这样的吧..

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

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

- marius

2

可能是重复的问题：如何将<div>对齐到页面中间。 - Dennis Traub

3个回答

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>

- user2131877

1

<center>标签在HTML5中已被弃用。 - RAZERZ

1

将

align:center

改为

margin: 0px auto;

- ragklaat

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Rohit Azad Malik · Accepted Answer

text-align:center 或 margin:0 auto;

就像这样

div#centeredElement{
text-align:center;
}

或者

div#centeredElement{
margin:0 auto;
}