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

Question

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

如何在输入字段顶部为带有标签文本(块)的表单执行此操作？

#fieldset label {
    display: block;    
}

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

Answer 1

正如Boldewyn和Ben所说,text-align将使内联项目(例如跨度)居中.要居中块元素(例如div和形式和段落),请为其指定宽度并将margin-right和margin-left设置为auto.

了解块和内联元素之间的区别非常重要.

Answer 2

form {
  text-align: center;
}

它取决于您的HTML和您当前的CSS.以上是一个起点.