关于一个DIV居中的问题。找不到合适的频道，发js来了。

Question

就是有3个div左浮动，组成一行，然后想让这3个相对整个页面div居中，
<style>#page{text-align:center}
#bar{width:310px;margin:auto 0;}
#left{float:left;width:100px;}
#mid{float:left;width:100px;}
#right{float:left;width:100px;}
</style><div id=page>
<div id=bar>
<div id="left">左边</div>
<div id="mid">中间</div>
<div id=right>右边</div>
</div>
</div>
这个在ie中能居中，但是FF中还是无法居中？请问怎么写呢？

Answer 1

添加：
#page{padding:50%;}
或者#bar{margin:50%;}

Answer 2

设置这个<div id=bar>
left:50%;
top:50%;
margin-top:-height/2;
margin-left:-width/2;

Answer 3

#page{text-align:center;text-align: -moz-center !important; }

Answer 4

#page{text-align: -moz-center !important;text-align:center;}/*Try this code*/

Answer 5

4L 6L说的都是绝对定位法居中里的一部分，少了个关键：
position:absolute