2013-05-28 5 views
10

मैंने जितना संभव हो सके कोड को सरल बना दिया है, लेकिन फिर भी इसे केंद्र में नहीं मिल सकता है। मेरा मानना ​​है कि CSS के साथ मेरा अनुभवहीनता मुझे कुछ सरल देखने की अनुमति नहीं दे रहा है।सीएसएस मार्जिन ऑटो केंद्रित नहीं

यदि कोई भी सीएसएस के लिए कुछ अच्छे संसाधनों को जानता है, तो यह बहुत अच्छा होगा। मैंने कई CSS पुस्तकों के अनुभाग पढ़े हैं लेकिन वहां सभी बहुत ही बुनियादी हैं और एक ही चीज़ को कवर करते हैं।

सीएसएस मार्कअप:

/* MAIN ––––––––––––––––––––– */ 
html { 
    /* overflow-y:scroll; */ 
} 
body { 
    /* margin:0; */ 
    /* position:relative; */ 
} 
/* Form ––––––––––––––––––––– */ 
#form { 
    margin:0 auto; 
    width: 300px; 
    height: 200px; 
    display: inline-block; 
    border: 2px solid black; 
} 

index.html

<html> 
    <body> 

    <form id='form'></form> 

    </body> 
</hml> 

उत्तर

18

बदलें आप उपयोग करना चाहते हैं, तो मार्जिन ब्लॉक करने के लिए प्रदर्शन: केंद्रित के लिए स्वत:। यह इनलाइन तत्वों के साथ काम नहीं करता है।

+0

ठीक है, जहां मैं कई बार गलत हो गया हूं, धन्यवाद। – Crispy

+2

पाठ-संरेखण: यदि आपको इनलाइन और ब्लॉक मिश्रण करने की आवश्यकता है तो केंद्र इनलाइन और इनलाइन-ब्लॉक तत्वों पर काम करता है, तो आप इसका उपयोग कर सकते हैं। –

संबंधित मुद्दे