पृष्ठ पर शरीर को कैसे केंद्रित करें?

मैं अपने एचटीएमएल पेज पर बॉडी एलिमेंट को सेंटर करने की कोशिश कर रहा हूं।पृष्ठ पर शरीर को कैसे केंद्रित करें?

enter image description here

मूल रूप से, सीएसएस में मैं इतना शरीर तत्व सेट display: inline-block; होने के लिए है कि यह उसकी सामग्री के रूप में के रूप में ही चौड़ा है। यह ठीक काम करता है। हालांकि, margin: 0px auto; पृष्ठ पर इसे केंद्रित नहीं करता है।

क्या कोई यह जानता है कि इसे कैसे ठीक किया जाए? मैं चाहता हूं कि बड़ा नीला वर्ग पृष्ठ पर केंद्रित हो, बाएं तरफ तैरने जैसा नहीं है।

body { 
    display: inline-block; 
    margin: 0px auto; 
    text-align: center; 
}

स्रोत

2012-06-03 Ryan Peschel

क्या उन अन्य बक्से शरीर के अंदर नहीं होनी चाहिए? – barro32

मैं 'बॉडी' को केंद्रीकृत करने के लिए _not_ का सुझाव दूंगा, असल में, एक केंद्रित 'div' – Asif

बनाएं, आपको कभी भी शरीर को केंद्रित नहीं करना चाहिए। freecsstemplates.com पर एक नज़र डालें --- आप डिजाइनर हमेशा divs – Yang

इसके अलावा पाठ के अनुरूप लागू होते हैं::

यहाँ मेरी सीएसएस है केंद्र; इसलिए जैसे HTML तत्व पर:

html { 
    text-align: center; 
}

एक बेहतर दृष्टिकोण हालांकि एक आंतरिक कंटेनर div, जो केंद्रीकृत किया जाएगा, और न शरीर है।

स्रोत

2012-06-03 18:16:13

का उपयोग करेंगे यह वही है जो अनुरोध किया गया था, यह क्यों मतदान हो रहा है? http://jsfiddle.net/gA9La/2/ – barro32

यह पूरी तरह से काम करता है। धन्यवाद। –

मैंने अपना जवाब संपादित कर लिया है। बेहतर दृष्टिकोण देखें। –

आपको पृष्ठ पर केंद्र के लिए शरीर की चौड़ाई निर्दिष्ट करना होगा।

Or put all the content in the div and center it.

<body> 
    <div> 
    jhfgdfjh 
    </div> 
</body> 

div { 
    margin: 0px auto; 
    width:400px; 
}

स्रोत

2012-06-03 18:16:48 SRN

हम्म .. मुझे लगा कि यह मामला हो सकता है लेकिन .. अगर मुझे पहले से आकार पता नहीं है तो क्या होगा? –

फिर –

प्रतिशत का उपयोग करें मैंने चौड़ाई निर्धारित करने और प्रतिशत का उपयोग करने की कोशिश की लेकिन उनमें से कोई भी शरीर को केंद्रित नहीं करता था। –

body 
    { 
     width:80%; 
     margin-left:auto; 
     margin-right:auto; 
    }

यह काम करेंगे आईई सहित अधिकांश ब्राउज़र, पर।

स्रोत

2012-09-20 23:38:21 Freakishly

हाँ, मुझे यह पसंद है। मैं शरीर को निश्चित चौड़ाई नहीं बनाना चाहता था। –

उन है कि चौड़ाई कर जानते के लिए, आप की तरह कुछ कर सकता है

div { 
    max-width: ???px; //px,% 
    margin-left:auto; 
    margin-right:auto; 
}

मैं भी सेट नहीं पाठ के अनुरूप के बारे में सहमत हैं: शरीर पर केंद्र क्योंकि यह गंदगी के बाकी कर सकते हैं आपका कोड और आपको अलग-अलग टेक्स्ट-एलाइन सेट करना पड़ सकता है: या तो भविष्य में या तो बहुत सी चीजों पर छोड़ दिया गया है।

स्रोत

2015-05-26 20:04:20 DardanM

पृष्ठ पर शरीर को कैसे केंद्रित करें?

उत्तर

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