要想把页面做的美美的、妥妥的，居中自然是必不可少的。
下面总结一部分使用率比较高的小技巧，以后有空会一直更新积累的٩(๑❛ᴗ❛๑)۶
更多牛逼的方法☞敬请指教！
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之后，就可以让他们比较美的在一起了
、、、、、、、、
王嘉尔出新专辑了，刚听完，很爱国的男生♥
下次再接着更新
网友评论