首先要了解的是,HTML中input標(biāo)簽?zāi)J(rèn)是行內(nèi)元素,所以要在外層包裹一個(gè)塊級(jí)元素來設(shè)置元素的寬度和居中。
下面是示例代碼:
通過在input標(biāo)簽外面包裹一個(gè)div元素,我們可以 easily 將input居中。
當(dāng)然,如果我們想要通過CSS來設(shè)置input居中,可以使用margin和display屬性。
input { display: block; /*將input轉(zhuǎn)化為塊級(jí)元素*/ margin: 0 auto; /*設(shè)置左右margin值為auto*/ }這樣就可以將input居中啦!