從css入門就開始接觸，無所不在的，一直備受爭議的居中問題。
css居中分為水平居中和垂直居中，水平居中方式也較為常見和統(tǒng)一，垂直居中的方法就千奇百怪了。

博客原文地址：Claiyre的個人博客 https://claiyre.github.io/
如需轉載，請在文章開頭注明原文地址

本文一下代碼中 .outer是父元素的類名，.inner塊級代表子元素,span代表行內子元素

水平居中

1. 行內元素的水平居中

直接設置其父元素

.ourter{text-align: center;
}


不管有幾個行內元素，一行代碼即可搞定，so easy~

2. 塊級元素的水平居中