在不使用宽​​度的情况下居中表单

Question

如何在不给它宽度值的情况下居中？

我已尝试使用margin-left:auto;和margin-right:auto;以及margin:0 auto;，

但它们似乎都不适用于表格。只有宽度似乎可以解决问题。

代码：

form 
{
    width:400px;
    margin-right:auto;
    margin-left:auto;
    display:block;
} 

Answer 1

除非指定一些宽度（宽度或最大宽度）值，否则窗体（以及同样图层）元素将获取所有可用宽度。因此，如果没有为其指定宽度，则无法居中表单。

Answer 2

只需在text-align: center; css

中使用form即可

Fiddle

form {
   text-align: center;
} 

Answer 3

使用display：block会使表格的宽度达到它的父级.. 使用display：inline-block 这是快速方式：

如果表格在正文标签中，请申请此Css

这是小提琴http://jsfiddle.net/KCm87/13/

body{
    text-align:center;
}

form {
    display:inline-block    
}

祝你好运:) 希望它能帮助你。 ：）