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

Question

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

form{margin: 0 auto;}

form{margin: auto;}

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

但这行得通:

{margin: 0 250px 0;}

表格here

Answer 1

你需要做两件事来实现这一点:

1) 将表单上的inline-block 显示更改为block。
2) 固定宽度(您目前将其设置为 auto)。

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

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

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