不使用寬度居中表格

Question

如何居中未指定寬度值？

我使用margin-left:auto;和margin-right:auto;和margin:0 auto;試過，

，但他們都不與形式很好地工作。只有寬度似乎可以做到這一點。

代碼：

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

Answer 1

只需簡單地使用text-align: center;在form CSS

Fiddle

form { 
    text-align: center; 
} 

Answer 2

使用顯示：塊將使形式全寬到它的父.. 使用display：inline-block 這裏是快速的方法來做到這一點：

如果形式是在body標籤應用這個CSS

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

body{ 
    text-align:center; 
} 

form { 
    display:inline-block  
} 

好運:) 希望它可以幫助你。 :)

Answer 3

除非您指定一些寬度（寬度或最大寬度）值，否則表單（和同層）元素將採用所有可用寬度。因此，如果不指定寬度，則無法對錶單進行居中。