在 CSS 中，我們可以使用 `居中` 屬性來控制表單的居中效果。這個屬性可以應用于 `table`、`form` 和 `input` 元素。下面我們將詳細介紹如何使用這些屬性來實現表單的居中效果。

## 1. 使用 `居中` 屬性

使用 `居中` 屬性可以將表單中的所有元素(包括輸入框、下拉列表、單選按鈕等)都居中。具體實現方式如下：

```html

在上面的代碼中，我們使用了 `align` 屬性來將表單中的所有元素居中。其中，`center` 表示將元素居中，`left` 和 `right` 分別表示將元素向左、向右偏移。

## 2. 使用 `display` 屬性

使用 `display` 屬性可以將表單中的某些元素居中，只需將相應的元素設置為 `display: inline-block`。具體實現方式如下：

```html

在上面的代碼中，我們使用了 `display: inline-block` 來將表單中的所有元素居中。

## 3. 使用 `position` 屬性

使用 `position` 屬性可以將表單中的某些元素居中，只需將相應的元素設置為 `position: relative` 和 `top: 50%`。具體實現方式如下：

```html

在上面的代碼中，我們使用了 `position: relative` 來將表單中的所有元素居中。同時，我們使用了 `top: 50%` 來將元素向上移動 50% 高度，實現居中效果。

## 總結

以上就是在使用 CSS 中表單如何居中的文章。通過以上三種方法，我們可以在 CSS 中實現對表單的居中效果。具體實現方式可根據需要靈活使用。