एचटीएमएल: एक फॉर्म को संरेखित करने के लिए कैसे करें

Question

मेरे पास निम्न HTML कोड है और मैं अपना फॉर्म संरेखित करना चाहता हूं।

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

मैं यह कैसे कर सकता हूं? अग्रिम में Thanx।

Answer 1

होने के नाते form एक ब्लॉक तत्व, आप इसे ऑटो को अपने पक्ष मार्जिन की स्थापना करके केंद्र संरेखित कर सकते हैं:

form { margin: 0 auto; } 

संपादित करें:
रूप @moomoochoo सही ढंग से कहा, यह नियम केवल तभी काम करेंगे ब्लॉक तत्व (आपका फॉर्म, इस मामले में) को एक विशिष्ट चौड़ाई सौंपा गया है।
इसके अलावा, यह 'चाल' फ़्लोटिंग तत्वों के लिए काम नहीं करेगा।

Answer 2

@ लुइसियस और @zyrolasting यह सही है।

हालांकि, आपको उचित रूप से काम करने के लिए शायद एक निर्दिष्ट width फ़ॉर्म देने की आवश्यकता होगी।

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

Answer 3

बस इस

form { 
    text-align: center; 
} 

तो आपका काम हो गया की तरह स्टाइलशीट में कुछ सीएसएस डाला!

Answer 4

उपयोग center:

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

यह सिर्फ एक विधि है, हालांकि यह advised.

Answer 5

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

आप समायोजित कर सकते हैं शीर्ष & रूप आकार के आधार पर नहीं छोड़ा है।

Answer 6

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

Wobbuffet की तरह ज्यादातर मामलों में काम ऊपर उल्लेख किया है ...

Answer 7

आसान तरीका: प्रपत्र टैग

Answer 8

से पहले एक "केन्द्र" टैग जोड़ें इस प्रयास करें: की चौड़ाई सेट करें 20% के रूप में फॉर्म:
width : 20%;
अब यदि पूरे कैनवास 100% है, तो केंद्र 50% पर है। तो केंद्र में प्रपत्र के केंद्र संरेखित करने के लिए, 50- (20/2) = 40. इसलिए ऐसा करने से 40% के रूप में अपने बाएं मार्जिन सेट:
left : 40%;