從css入門就開始接觸,無所不在的,一直備受爭議的居中問題。
css居中分為水平居中和垂直居中,水平居中方式也較為常見和統(tǒng)一,垂直居中的方法就千奇百怪了。
博客原文地址:Claiyre的個(gè)人博客 https://claiyre.github.io/
如需轉(zhuǎn)載,請(qǐng)?jiān)谖恼麻_頭注明原文地址
本文一下代碼中 .outer是父元素的類名,.inner塊級(jí)代表子元素,span代表行內(nèi)子元素
水平居中
1. 行內(nèi)元素的水平居中
直接設(shè)置其父元素
.ourter{text-align: center; }
不管有幾個(gè)行內(nèi)元素,一行代碼即可搞定,so easy~
2. 塊級(jí)元素的水平居中