如何在浏览器中居中DIV表

Question

我使用DIV创建了一个2列表。

我的div表位于左侧。如何将这个div表居中？感谢

<div id="result" align="center" >
<div id="col1" style="float:left">
A<br />
B<br />
</div>
<div id="col2" style="float:left">
1<br />
2<br />
</div>
</div>

Answer 1

使用您想要的宽度设置外部div的样式，并执行通常的margin: 0 auto事。

http://jsfiddle.net/pQfWg/

Answer 2

查看我添加到外部div的样式：

<div id="result" style="margin: 0 auto; text-align:center;width:800px;">
    <div id="col1" style="float:left">
       A<br />
       B<br />
    </div>
    <div id="col2" style="float:left">
       1<br />
       2<br />
    </div>
 </div>

Answer 3

在样式标记中添加它，它将适用于所有浏览器：

#result{
        position:absolute;
        top:50%;
        left:50%;
}

希望这有帮助。