在Chrome和Firefox浏览器中,只需将margin-left和margin-right的属性设置为auto即可。
<div style="margin:0 auto;background-color:red;width:100px;height:100px">
</div>
在低版本的Internet Explorer中,则需要将父元素的text-align属性设置为center。
<div id="parent" style="text-align:center">
<div id="child" style="background-color:red;width:100px;height:100px">
</div>
</div>