在CSS中設(shè)置表單居中顯示是一個(gè)常見(jiàn)的需求，通常可以通過(guò)使用flexbox布局來(lái)實(shí)現(xiàn)，下面是一些步驟和代碼示例，幫助你實(shí)現(xiàn)表單的居中顯示：

1、使用flexbox布局：將表單元素放入一個(gè)使用flexbox布局的容器中。

2、設(shè)置容器樣式：設(shè)置容器的display屬性為flex，justify-content屬性為center，align-items屬性為center。

3、添加子元素：在容器中添加表單元素，例如<input>、<label>等。

下面是一個(gè)具體的代碼示例：

HTML代碼：

<div class="form-container">
  <label for="name">姓名:</label>
  <input type="text" id="name" name="name">
  <label for="email">郵箱:</label>
  <input type="email" id="email" name="email">
  <label for="message">留言:</label>
  <textarea id="message" name="message"></textarea>
  <input type="submit" value="提交">
</div>

CSS代碼：

.form-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 垂直居中 */
}

在這個(gè)示例中，.form-container類(lèi)用于創(chuàng)建一個(gè)使用flexbox布局的容器，將表單元素居中顯示，通過(guò)設(shè)置justify-content: center和align-items: center，可以確保表單元素在水平和垂直方向上都被居中。height: 100vh屬性用于將容器的高度設(shè)置為視口高度的100%，從而實(shí)現(xiàn)垂直居中效果。