我如何居中<div>？
可能重复：
如何将DIV集中到DIV中？
我想集中一个<div> （我是HTML5的新手，并且<center>标签没有更多），并且尽量避免使用表格。 这就是我到目前为止所讨论的<div> CSS：
#roundedcorner {
-moz-border-radius: 15px;
border-radius: 15px;
background-image: url(file:///Macintosh%20HD/Users/julesmazur/Desktop/TAN3.0/Photos/bodydivbg.png);
width: 960px;
left: 50%;
font-family: Ubuntu;
}
（对于任何人都好奇，Ubuntu提供Google Web字体）。
典型的技巧是margin: auto 。 它会将它集中在它所处的位置。
演示
除此之外，我对你的代码有一些评论（因为你是初学者）。
left: 50%; 除非你改变位置风格，否则什么都不做，例如position: relative; 或position: absolute; div所在的容器需要比它大 - 否则集中它并不意味着什么。 这是因为像margin: auto这样的样式是相对于父容器的，即它需要空间。 @font-face 。 另外，使用替代品。 并非所有浏览器都支持网络字体，并且您拥有的控制力越多：越好。 一个例子是font-family: Ubuntu, Arial, Sans; ，从最喜欢的到最有可能的备份排序。 不要使用left 。 这会在左侧的页面中创建一个凹处。 相反，请使用margin: 0 auto 。
<div style="margin:0 auto;width:960px">I'm centered.</div>
您可以使用以下方法对绝对定位（水平和垂直）DOM元素进行居中：
div {
position : absolute;
width : 960px;
height : 500px;
left : 50%;
top : 50%;
margin-top : -250px;
margin-left : -480px;
}
这里是一个演示：http://jsfiddle.net/KBHjT/
链接地址: http://www.djcxy.com/p/13209.html