从css入门就开始接触，无所不在的，一直备受争议的居中问题。
css居中分为水平居中和垂直居中，水平居中方式也较为常见和统一，垂直居中的方法就千奇百怪了。
博客原文地址：Claiyre的个人博客 https://claiyre.github.io/
如需转载，请在文章开头注明原文地址
本文一下代码中 .outer是父元素的类名，.inner块级代表子元素,span代表行内子元素
水平居中
1. 行内元素的水平居中
直接设置其父元素
.ourter{text-align: center;
}
不管有几个行内元素，一行代码即可搞定，so easy~
2. 块级元素的水平居中
