css实现div 水平居中的两种方法

css实现div 水平居中的两种方法介绍，利用行内元素文本水平居中属性text-align:center实现div单行文字 水平居中和div标签块 水平居中（display:inline-block）等方法，如下：

div单行文字 水平居中

div单行文字 水平居中利用css文本水平居中属性text-align:center
示例：
<p style="text-align:center; border:#3D6077 solid 1px; padding:20px;"><a href="http://www.51xuediannao.com/">懒人建站</a>为您提供-<a href="http://www.51xuediannao.com/js/">Jquery 特效</a>，JS代码，JS广告代码，下拉菜单代码，原创建站视频和CSS技巧。</p>

div标签块 水平居中

div标签块 水平居中同样可以利用css文本水平居中属性text-align:center; 这里是利用了将内部div块转变为行内块元素display:inline-block;*display:inline;*zoom:1; 两个带星号的是兼容IE6 7 的。
示例：
<div style="text-align:center;border:#3D6077 solid 1px; padding:20px;">
    <div style="display:inline-block;*display:inline;*zoom:1; border:#060 solid 1px;">懒人建站</div>
</div>

div标签块 水平居中方法二

div标签块 水平居中方法二：利用设定内部块的宽度，然后使用左右间距自动auto，上下间距为0； margin:0 auto；
示例：
<div style="text-align:center;border:#3D6077 solid 1px; padding:20px;">
    <div style="border:#060 solid 1px; width:100px; margin:0 auto">
        <a href="http://www.51xuediannao.com/">懒人建站</a></div>
</div>