HTML: Jak wyśrodkować wyrównanie formularza

Question

Mam następujący kod HTML i chcę wyśrodkować mój formularz.

<form action="advsearcher.php" method="get"> 
    Search this website:<input align="center" type="text" name="search" /> 
    <input type="submit" value="Search"/> 
</form> 

Jak mogę to zrobić? Z góry z góry.

Answer 1

Będąc form element bloku, można wyśrodkować wyrównać go poprzez ustawienie jego marginesy boczne Auto:

form { margin: 0 auto; } 

EDIT:
Jak @moomoochoo słusznie zauważył, zasada ta będzie działać tylko wtedy, gdy elementowi blokowemu (twojemu formularzowi, w tym przypadku) przypisano określoną szerokość.
Ta sztuczka nie działa również w przypadku elementów pływających.

Answer 2

@Lucius i @ytrolasting mają to prawo.

Prawdopodobnie konieczne będzie podanie formularza o określonej width, aby działał prawidłowo.

form { 
margin: 0 auto; 
width:250px; 
} 

Answer 3

Wystarczy umieścić kilka stylów CSS do tak

form { 
    text-align: center; 
} 

następnie gotowe!

Answer 4

Zastosowanie center:

<center><form></form></center>

Jest tylko jedna metoda, choć nie jest to advised.

Answer 5

#form{ 
    position:fixed; 
    top:50%; 
    left:50%; 
    width:250px; 
} 

można regulować top & lewo w zależności od wielkości formy.

Answer 6

<center><form></form></center>  

działa w większości przypadków, takich jak The Wobbuffet wspomniano wyżej ...

Answer 7

prosty sposób: Dodaj "centrum" tag przed tagu formularza

Answer 8

Spróbuj tego: Ustaw szerokość Formularz jako 20% przez:
width : 20%; teraz, jeśli całe płótno jest w 100%, środek ma 50%. Tak aby wyrównać środek postaci w centrum miasta, 50- (20/2) = 40. zatem ustawić lewy margines 40% w ten sposób:
left : 40%;