html - 使用 CSS 将所有 HTML 表单元素居中

Question

如何使用 CSS 将所有表单标签和输入字段居中？

对于输入字段顶部带有标签文本( block )的表单，您将如何执行此操作？

#fieldset label {
    display: block;    
}

#fieldset input {
    font-size: 0.8em;
    height: 1.2em;
    width: 15em;
}

Answer 1

正如 Boldewyn 和 Ben 所说，text-align 将使内联项(例如 span)居中。要使 block 元素(例如 div、表单和段落)居中，请为其指定宽度并将 margin-right 和 margin-left 设置为 auto。

了解 difference between block and inline elements 很重要.