Центрирование формы без использования ширины

Question

Как центрировать From, не придавая ему значения ширины?

Я попытался с помощью 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

Использование дисплея: блок будет делать вид полной ширины его родителей .. Использовать дисплей: встроенный блок Вот быстрый способ сделать это:

Если форма находится в теге тела Применить этот Css

Вот Fiddle http://jsfiddle.net/KCm87/13/

body{ 
    text-align:center; 
} 

form { 
    display:inline-block  
} 

удачи :) Надеюсь, что это помогает вам. :)

Answer 3

Элемент формы (и аналогичный слой) принимает всю доступную ширину, если вы не указали значение ширины (ширины или максимальной ширины). Поэтому вы не можете центрировать форму без указания ее ширины.