2010-05-11 28 views
33

मुझे कुछ पाठ स्क्रीन के नीचे केंद्रित होना चाहिए।पूर्ण पोजिशनिंग और टेक्स्ट संरेखण

मैंने this की कोशिश की, लेकिन यह काम नहीं करता है। यह संरेखण के साथ पूर्ण स्थिति संघर्ष की तरह दिखता है।

मैं इस सरल कार्य को कैसे प्राप्त कर सकता हूं?

+0

पिछले जवाब को स्वीकार कर लिया है, जो बस अन्य दोहराया समाधान की। जबरदस्त हंसी। – Happy

+0

संभावित डुप्लिकेट [केंद्र को पूरी तरह से स्थित डिवीजन पर संरेखित करें] (http://stackoverflow.com/questions/252856/center-align-on-a-absolutely-positioned-div) –

उत्तर

101

div अप सभी उपलब्ध क्षैतिज स्थान नहीं ले करता है जब पूरी तरह से तैनात। स्पष्ट रूप से 100% तक चौड़ाई की स्थापना समस्या का समाधान होगा:

एचटीएमएल

<div id="my-div">I want to be centered</div>​ 

सीएसएस

#my-div { 
    position: absolute; 
    bottom: 15px; 
    text-align: center; 
    width: 100%; 
} 

+3

का उपयोग करने की आवश्यकता क्यों है, यह हास्यास्पद रूप से सरल है ... लेकिन .... मुझे इस प्रश्न का उत्तर ढूंढकर यह पोस्ट मिला। धन्यवाद! – user1167442

+0

यदि आप काम नहीं करते हैं तो आप 'बाएं: 0;' भी जोड़ सकते हैं – Edward

2

शायद चौड़ाई निर्दिष्ट करना काम करेगा। जब आप position:absolute एक तत्व करते हैं, तो यह चौड़ाई मेरी सामग्री की सामग्री को कम कर देगी।

16

इस प्रयास करें:

http://jsfiddle.net/HRz6X/2/

आप left: 0 और right: 0 (IE6 द्वारा समर्थित नहीं) जोड़ने की जरूरत है। या एक चौड़ाई

+0

आईई – Happy

+2

में काम नहीं करता है आईई 8 और आईई 7। यदि आप आईई 6 का उपयोग कर रहे हैं, तो आपको अपग्रेड करना होगा। – Eric

+0

क्या आप आईई 7 के बारे में निश्चित हैं?) आईई 6/7 निहित – Happy

4

यह काम करना चाहिए निर्दिष्ट करें:

#my-div { left: 0; width: 100%; } 
संबंधित मुद्दे