<center>

Question

के लिए प्रतिस्थापन यह अन्य लोगों द्वारा पहले पूछा गया है, लेकिन मैंने कभी भी पर्याप्त उत्तर नहीं देखा है। क्या <center> टैग के लिए कोई वैध प्रतिस्थापन है?

मुझे पता है कि margin: 0 auto; है, लेकिन इसके लिए चौड़ाई निर्धारित करने की आवश्यकता है। align="center" भी है, लेकिन मुझे विश्वास है कि यह भी अमान्य कोड है।

क्या <center> जितना आसान है यह वैध है? ऐसे दुर्लभ मौके हैं जहां मैं अभी भी इसका उपयोग कर रहा हूं, भले ही इसे बहिष्कृत किया गया हो। बस आज, मैं एक वेब पेज पर केंद्रित एक बटन को केन्द्रित करने के लिए <center> का उपयोग कर समाप्त हुआ। हां, मैं चौड़ाई निर्धारित कर सकता था और इसे margin: 0 auto दिया था, लेकिन यह एक ही तत्व को केंद्रित करने के लिए बहुत काम है, और यह मेरे कोड को गंदे बनाता है, जिसे मैं व्यवस्थित रखने में गर्व करता हूं। मुझे वास्तव में समझ में नहीं आता है कि <center> को पहले स्थान पर क्यों हटा दिया गया था, अगर कुछ भी इसे बदल नहीं गया है।

धन्यवाद!

Answer 1

text-align: center आप क्या इस्तेमाल करना चाहिए है बराबर सीएसएस है। वास्तव में, आदर्श तरीका यह है:

.center { 
    text-align: center; 
} 
.center > div, .center > table /* insert any other block-level elements here */ { 
    margin-left: auto; 
    margin-right: auto; 
} 

जाहिर है, यह उतना आसान नहीं है जितना आप उम्मीद कर सकते हैं।

व्यक्तिगत रूप से, मैं तो बस का उपयोग करें: जहां जरूरत

.center {text-align: center;} 
.tmid {margin: 0px auto;} 

तो कक्षाएं लागू होते हैं।

Answer 2

text-align: center

Answer 3

केंद्र-टैग के बिना केंद्र तत्वों के लिए यह इतना आसान नहीं है।

यह आप एक समाधान है कि IE6 में भी काम करता है क्या करने की जरूरत के लिए:

आप तत्व के चारों ओर एक div आवरण की जरूरत है आप केंद्रित है और text-align:center; width:100% का उपयोग करना चाहते हैं। इस के अंदर आप एक और div जगह है और ऑटो को margin और text-align:left;

<div style="text-align:center; width:100%"> 
    <div style="margin:auto; text-align:left;"> 
     This Container is centered 
    </div> 
</div> 

सेट आप केवल आपके <p style="text-align:center;"></p>

उपयोग कर सकते हैं यह मूल है पाठ केंद्रित करने के लिए चाहते हैं div। बात को आसान बनाने के लिए, आप एक वर्ग इस के लिए उपयोग कर सकते हैं (Kolink की तरह लिखा था):

सीएसएस:

.center { 
    text-align:center; 
    width:100%; 
} 
.center:first-child { //doesn't work in IE 6 
    margin:auto; 
    text-align:left; 
} 

HTML:

<div class="center"> 
    <div> 
     This Container is centered 
    </div> 
</div> 

Answer 4

कारण है कि <center> हटा दिया गया है है कि यह है एक अर्थपूर्ण टैग नहीं, बल्कि प्रस्तुतिकरण और हमें HTML में कुछ भी उपयोग करने से स्पष्ट होना चाहिए जो प्रकृति में अर्थपूर्ण नहीं है।

यही कारण है कि <b>, <i> आदि जैसे अन्य प्रस्तुति तत्वों को हटा दिया गया है, क्योंकि सीएसएस में इसे प्राप्त करने के तरीके हैं।

Answer 5

यह है पीएचपी-STORM प्रस्ताव:

<div style="text-align: center;"></div> 

Answer 6

केंद्र टैग के लिए रिप्लेसमेंट:

उपयोग पेरेंट तत्व के लिए इस शैली (आप दोनों करना चाहिए):

इस प्रयोग

टेक्स्ट-संरेखण: केंद्र;

margin-left::

वर्तमान तत्व के लिए इस शैली का प्रयोग करें ऑटो; मार्जिन-दाएं: ऑटो; हर के लिए

.middlr { 
    display: block; 
    margin: auto; 
} 

काम करता है/किसी भी तत्व:

Answer 7

.centered { 
    margin-left: auto !important; 
    margin-right: auto !important; 
} 
* > .centered { 
    text-align: center !important; 
    display: block; 
} 

Answer 8

तत्वों मैं इस का उपयोग केंद्र के लिए। मेरे लिये कार्य करता है।

Answer 9

मैं एक ब्लॉग पर इस सवाल का जवाब मिल गया

<img src="bullswithhorns.jpg" alt="Michael with the bull" style="width:150px;height:200px;margin:0px auto;display:block">

Source