HTML CSS 表单 - 如何使表单在​​页面上居中？

Question

我制作了一个表单，试图将其置于页面中心，但它不起作用。我尝试将这 2 个 CSS 应用于它，但没有成功。

form{margin: 0 auto;}

form{margin: auto;}

我还尝试将表单封装到 div.container 中并对其应用相同的 CSS，但仍然没有任何结果。

但这有效：

{margin: 0 250px 0;}

在这里填写表格

Answer 1

您需要做两件事来实现这一目标：

1) 将inline-block表单上的显示更改为block。
2）固定宽度（目前为auto）。

演示： http: //jsfiddle.net/bMf9M/2/

或者，如果您不想固定表单大小，可以使用text-align: center（感谢@donderpiet）

演示： http: //jsfiddle.net/bMf9M/4/