एचटीएमएल अवधि संरेखण केंद्र काम नहीं कर रहा है?

मैं कुछ HTML है:एचटीएमएल अवधि संरेखण केंद्र काम नहीं कर रहा है?

<div align="center" style="border:1px solid red"> 
This is some text in a div element! 
</div>

डिव अपने दस्तावेज़ पर रिक्ति से बदल रहा है, इसलिए मैं इस बजाय के लिए एक अवधि का उपयोग करना चाहते।

<span style="border:1px solid red;align=center"> 
This is some text in a div element! 
</span>

मैं इसे ठीक कैसे करूँ:

लेकिन अवधि सामग्री केन्द्रित नहीं है?

संपादित करें:

मेरे पूरा कोड:

<html> 
<body> 

<p>This is a paragraph. This text has no alignment specified.</p> 

<span style="border:1px solid red;text-align=center"> 
    This is some text in a div element! 
</span> 

</body> 
</html>

स्रोत

2011-12-05 David19801

आपका div है "रिक्ति बदल रहा है"? इससे तुम्हारा क्या मतलब? और आपका अवधि नहीं होगा क्योंकि डिफ़ॉल्ट रूप से यह _inline_ तत्व है, जबकि div एक _block_ स्तर तत्व है। – Bojangles

हैलो जामवफल्स, "रिक्ति" से मेरा मतलब है कि div सामग्री के ऊपर और नीचे स्थान जोड़ता है। अवधि यह नहीं करती है। – David19801

फ़ायरबग या क्रोम इंस्पेक्टर का उपयोग यह देखने के लिए करें कि आपके तत्व पर कौन से सीएसएस नियम लागू होते हैं, और उस पैडिंग या मार्जिन को जोड़ने वाले व्यक्ति की तलाश करें। यह भी संभव है कि आसपास के तत्वों में पैडिंग/मार्जिन हो। – Bojangles

126

एक div एक ब्लॉक तत्व है, और जब तक चौड़ाई सेट नहीं हो जाती है तब तक कंटेनर की चौड़ाई फैल जाएगी। एक अवधि एक इनलाइन तत्व है, और उसके अंदर पाठ की चौड़ाई होगी। वर्तमान में, आप एक सीएसएस संपत्ति के रूप में संरेखित करने की कोशिश कर रहे हैं। संरेखण एक विशेषता है।

<span align="center" style="border:1px solid red;"> 
    This is some text in a div element! 
</span>

हालांकि, संरेखण विशेषता को बहिष्कृत किया गया है। आपको कंटेनर पर सीएसएस text-align संपत्ति का उपयोग करना चाहिए।

<div style="text-align: center;"> 
    <span style="border:1px solid red;"> 
     This is some text in a div element! 
    </span> 
</div>

स्रोत

2011-12-05 21:41:34 Will

+18

कृपया, 'align = "center" का उपयोग न करें क्योंकि यह बहिष्कृत है। – Biotox

+42

@Biotox क्या आपने पूरा जवाब पढ़ा? – Will

हां, लेकिन मैं इसे एक विकल्प के रूप में भी नहीं रखूंगा ... – Biotox

align विशेषता मान्य नहीं है। इसके बजाय सीएसएस text-align का प्रयोग करें। साथ ही, जब तक आप display:block या display:inline-block का उपयोग नहीं करते हैं और चौड़ाई के लिए मान सेट करते हैं, तब तक पाठ टेक्स्ट को तब तक केंद्रित नहीं करेगा, लेकिन फिर यह एक div (ब्लॉक तत्व) के समान व्यवहार करेगा।

क्या आप अपने लेआउट का उदाहरण पोस्ट कर सकते हैं? Www.jsfiddle.net

स्रोत

2011-12-05 21:41:23

यह सही उत्तर होना चाहिए –

अच्छा काम किया! धन्यवाद। – dallinchase

क्या इनलाइन तत्वों को रखते हुए मैं दो इनलाइन तत्वों को अलग-अलग संरेखित नहीं कर सकता? –

कृपया निम्न शैली का उपयोग करें। margin:auto आमतौर पर सामग्री को संरेखित करने के लिए उपयोग किया जाता है। display:tablespan तत्व

<span style="margin:auto; display:table; border:1px solid red;"> 
    This is some text in a div element! 
</span>

स्रोत

2013-08-19 17:21:27

स्पैन इनलाइन-ब्लॉक है और वह ब्लॉक सबसे प्रयासों इनलाइन संदर्भ से बाहर शैली, पाठ आकार इनलाइन करने के लिए समायोजित कर देता है एक तप के साथ के लिए आवश्यक है। लेआउट शैली को सरल बनाने के लिए (विवादों को सीमित करें), लाइन ब्रेक के साथ 'पी' टैग में div जोड़ें।

<p> some default stuff 
<br> 
<div style="text-align: center;"> your entered stuff </div>

स्रोत

2015-05-13 07:44:36

-2

बस सीएसएस में word-wrap:break-word; का उपयोग करें। यह काम करता हैं।

स्रोत

2015-07-14 15:59:44 mon

span.login-text { 
font-size: 22px; 
display:table; 
margin-left: auto; 
margin-right: auto;

}

<span class="login-text">Welcome To .....CMP</span>

मेरे लिए यह बहुत अच्छी तरह से काम किया। यह कोशिश भी

स्रोत

2016-02-04 14:34:52 user1183033

सभी अन्य स्पष्टीकरण के शीर्ष पर, मेरा मानना है कि आप समान "=" संकेत का उपयोग कर रहे, पेट के ":" के बजाय:

<span style="border:1px solid red;text-align=center">

यह होना चाहिए:

<span style="border:1px solid red;text-align:center">

स्रोत

2017-04-06 09:30:55 nhazean

एचटीएमएल अवधि संरेखण केंद्र काम नहीं कर रहा है?

उत्तर

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