css水平居中的各种方法

说到水平居中，大家可能觉得很简单啊，text-align:center 就OK了。

但是，有时候会发现这样写了也没出效果。原因是什么呢？ 请往下看。

水平居中：分为块级元素居中和行元素居中

行内元素：

行内元素就是内联元素。例如 、、 、 、 等。。

直接构建一个具有 ]text-align:center[样式的容器，那么里面包含的行内元素就会都居中了。

    div   style  ="text-align:center;border-style:solid"  > 
           p   style  ="border-style:solid"  > 我是块级元素，我不居中   p  > 
           span   style  ="border-style:solid"  > 我是行内元素，我要居中   span  > 
       div  >  

查看更多关于css水平居中的各种方法的详细内容...