如何使

居中？ [复制]

可能的重复：
如何让DIV居中？

我想居中<div>（我是 HTML5 新手，<center>标签不再存在），并且一定要避免使用表格。这就是我的CSS<div>到目前为止有问题：

#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 Fonts 提供）。

典型的技巧是margin: auto。无论它在什么地方，它都会将其居中。

demo

除此之外，我对您的代码有一些评论（因为您是初学者）。

• left: 50%;除非您更改位置样式，否则什么也不做，例如，position: relative; or position: absolute;
• 该容器是div需要比它大——否则居中它实际上没有任何意义。这是因为像这样的风格margin: auto是相对于父容器的，即它需要空间。
• 对于 Google 网络字体，请确保您拥有@font-face用它。另外，使用替代方案。并非所有浏览器都支持网络字体，您拥有的控制权越多越好。一个例子是font-family: Ubuntu, Arial, Sans;，从最首选到最可能的备份排序。