如何使一个div中心在HTML中alignment
可能重复：
如何在div中居中div？
以HTML为中心的一种简单的方法是使用align='center' ，但它不能用于div。
我试过了：
style='text-align:center'; style='left:50%';
我甚至真的是一个中心标签
<center>
但我不能让我的目标股中心。
<!DOCTYPE html> <html> <head> <title>Center</title> </head> <body> <div style="text-align: center;"> <div style="width: 500px; margin: 0 auto; background: #000; color: #fff;">This DIV is centered</div> </div> </body> </html>
我认为align="center"alignment内容的，所以如果你想使用这个方法，你需要在一个'wrapper'div中使用它 – 这个div就是其余部分。
text-align正在做类似的事情。
left:50%被忽略，除非你把div的位置设置为相对或绝对的。
普遍接受的方法是使用以下属性
width:500px; // this can be what ever unit you want, you just have to define it margin-left:auto; margin-right:auto;
页边距是自动的，意味着它们的增长/缩小要匹配浏览器窗口（或父div）
UPDATE
感谢Meo提出这个build议，如果你愿意的话，可以节省时间，并利用短手的余量。
margin:0 auto;
这个定义顶部和底部为0（因为它是零，这不关心缺乏单位），左和右定义为'自动'然后，如果你不想重写顶部边距，与任何其他的CSS规则。
这取决于如果你的div在位置：绝对/固定或相对/静态
对于职位：绝对和固定
<div style="position: aboluste; /*or fixed*/; width: 50%; height: 300px; left: 50%; top:100px; margin: 0 0 0 -25%">blblablbalba</div>
这里的诀窍是有一个与对象的一半的负边距
对于职位：相对＆静态
<div style="position: relative; /*or static*/; width: 50%; height: 300px; margin: 0 auto">blblablbalba</div>
对于这两种技术，都必须设定宽度
那么沿着这条线怎么样？
<style type="text/css"> #container { margin: 0 auto; text-align: center; /* for IE */ } #yourdiv { width: 400px; border: 1px solid #000; } </style> .... <div id="container"> <div id="yourdiv"> weee </div> </div>
