從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í)元素的水平居中

網(wǎng)友評(píng)論