從css入門就開始接觸,無(wú)所不在的,一直備受爭(zhēng)議的居中問(wèn)題。
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;
}