要想把页面做的美美的、妥妥的，居中自然是必不可少的。

下面总结一部分使用率比较高的小技巧，以后有空会一直更新积累的٩(๑❛ᴗ❛๑)۶

更多牛逼的方法☞敬请指教！

1、设置margin值 ☞ margin:0 auto

此种方法用来设置水平居中，小编也经常用这个办法，但是需要注意的是对于设置了浮动的元素不起作用。

2、使用绝对定位

运用绝对定位的原理，将子标签的left值和top值设为25%。

CSS部分以及标签架构如下图

效果出来是这样的

3、当然，最小的span标签没有设置居中，这里可以通过text-align设置字体水平居中，然后通过line-height设置垂直居中，加在CSS样式中即可。

text-align:center，这种方法在IE6、7中可以对任何元素水平居中，但IE8+以及谷歌、火狐等浏览器中，这个方法只对行内元素（文字、图片等）起作用，对块状元素无效。可以通过display转成行内元素。

line-height用来设置文字!将line-height放在父元素中设置，取值=父元素的高度

4、设置图片和文字间的居中 vertical-align: middle

文字和图片共行显示时，会有一些小BUG出现，效果和代码如下

但是加上vertical-align: middle之后，就可以让他们比较美的在一起了

、、、、、、、、

王嘉尔出新专辑了，刚听完，很爱国的男生♥

下次再接着更新