在css中居中表单

Question

我有一张我无法居中的表格。我尝试了很多东西，包括：

form{
     display:inline-block;
     text-align:center;
     margin:auto;
}

虽然dang的东西不会居中。请帮忙吗？

网址：http://s1527.mtchs.org/wordpress/contact/

Answer 1

form {
    width: 50%; /* adjust as needed */
    margin: 0 auto;
}

通过将左右边距设置为相同的值来对块级元素进行居中 - 通常，最简单的方法是将它们都设置为auto。另一方面，text-align适用于您应用样式的元素内的内联元素。

有关示例，请参阅here。

Answer 2

利用边距应该有效。为元素设置顶部/底部边距，其余为自动设置，它应自动居中。

margin: 100px auto 0 auto;

Answer 3

如果你想使用display：inline-block和text-align组合，那么你必须在父元素中放置text-align 示例

<div style="position: relative; display: block; text-align: center">
   <div style="display: inline-block">
</div>

OR

你可以简单地将宽度放在from css

中

form{
     display:block;
     margin:auto;
     width:600px;
}