html - 在css中居中表格

Question

我有一个无法居中的表格。我尝试了很多事情，包括：

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

不过，该死的东西不会居中。请帮忙？

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

Answer 1

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

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

有关示例，请参见此处。

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>

或者

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

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