在 CSS 中，大家可以使用表单元素的 `display` 属性来控制表单的布局。`display: table` 将表单元素设置为表格布局，`display: table-cell` 将表单元素设置为cell布局，`display: flex` 将表单元素设置为弹性盒子布局。
下面是一个基本的 CSS 表单布局示例：
“`html
<form>
<label for=”name”>姓名：</label>
<input type=”text” id=”name” name=”name” required>
<label for=”email”>邮箱：</label>
<input type=”email” id=”email” name=”email” required>
<label for=”password”>密码：</label>
<input type=”password” id=”password” name=”password” required>
<label for=”phone”>电话号码：</label>
<input type=”tel” id=”phone” name=”phone” required>
<label for=”address”>地址：</label>
<textarea id=”address” name=”address” required></textarea>
<input type=”submit” value=”提交”>
</form>
在这个示例中，大家使用了 `display: table` 将表单元素设置为表格布局。大家使用了 `for` 属性来指定表单中的每个标签，然后使用 `id` 属性来指定每个标签的唯一的标识符。大家还使用了 `name` 属性来指定表单中的每个输入字段的名称，并使用了 `required` 属性来强制要求用户填写表单。
大家还使用了 `display: flex` 将表单元素设置为弹性盒子布局。大家使用了 `align-items` 属性来垂直居中每个子元素，并使用了 `justify-content` 属性来水平居中每个子元素。大家还使用了 `height` 和 `width` 属性来设置每个子元素的垂直和水平宽度，以便更好地显示表单内容。
最后，大家使用了 `input` 元素的 `type` 属性和 `name` 属性来设置每个输入字段的类型和名称，并使用了 `required` 属性来强制要求用户填写表单。
通过使用 CSS 表单布局，大家可以轻松地创建各种类型的表单，并使其在不同的屏幕上都能够轻松地查看和操作。