CSS 中，讓所有的表單居中是一個(gè)比較常見(jiàn)的需求，下面我們就來(lái)介紹一下如何實(shí)現(xiàn)。

form {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

上述代碼使用了flex布局，將表單容器設(shè)置為彈性盒子，并將子元素（表單元素）在容器中進(jìn)行居中。其中，justify-content: center;和align-items: center;分別設(shè)置水平和垂直方向上的居中，flex-direction: column;則決定了元素的排列方向?yàn)榭v向 (從上到下)。

另一種實(shí)現(xiàn)方式是，將表單容器設(shè)置為塊級(jí)元素，然后通過(guò)margin: auto;來(lái)實(shí)現(xiàn)水平居中。

form {
display: block;
margin: auto;
}

上述代碼中，display: block;將表單容器設(shè)置為塊級(jí)元素，而margin: auto;可以將其水平居中。

通過(guò)上面兩種方式中的任意一種，便可以輕松將所有的表單元素居中了。