我制作了一个表格，我试图将它放在页面中心，但它不起作用。我尝试将这 2 个 CSS 应用于它，但它没有用。
form{margin: 0 auto;}
form{margin: auto;}
我还尝试将表单包含在 div.container 中并对其应用相同的 CSS，但仍然没有。
但这有效：
{margin: 0 250px 0;}
在这里形成
问问题
22895 次
4 回答
4
你需要做两件事来实现这一点：
1)inline-block将表单上的显示更改为block。
2）固定宽度（你目前有它auto）。
演示：http: //jsfiddle.net/bMf9M/2/
或者，如果您不想修复表单大小，可以使用text-align: center（感谢@donderpiet）
演示：http: //jsfiddle.net/bMf9M/4/
于 2013-03-27T17:38:51.987 回答
0
您必须将容器的宽度指定为具有display:block属性的元素，该元素会自动调整为其容器的最大宽度。
于 2013-03-27T17:38:32.243 回答
0
如果您喜欢使用 margin:auto; 则需要设置宽度
于 2013-03-27T17:38:50.953 回答
0
你form有一个 property display: inline-block;，这使它的行为像一个内联元素。因此，您必须添加text-align: center;到其父级以使其水平居中。像这样：http: //jsfiddle.net/bMf9M/4/。
不要忘记将表单设置text-align为left，否则它将具有居中对齐的文本。
于 2013-03-27T17:40:41.970 回答