div的内容水平居中的方法（注意一些细节）。

以下方法已在Ie和FF下测试。

 

方法1.

 

        <div id="div1" style="width:960px; height:400px; border:1px solid red;">
            <div id="div2" style=" width:100px; height:20px; border:1px solid blue; margin:0 auto; ">分页控件。</div>
        </div>

        注意点：

        1.  id=="div2"的div，不能换成<span>标签。

        2.  id=="div2"的div，width和height不能为空。（但是 当id=="div2"的div，换成<table>标签时，width和height可以为空）。

 

方法2.

        在网上看了其他方法:如 1.margin-left:50%;left: -width/2; 2.body {text-align: center;} 好像都不能满足要求。

 

        想找其他方法的，但是好乱啊，就不找了，呵呵