मैं सीएसएस में एंकर तत्व कैसे केंद्रित करूं?

Question

मैं बस स्क्रीन के बीच में अपने एंकर को क्षैतिज रूप से रखना चाहता हूं, मैं यह कैसे कर सकता हूं?

<a href="http://www.example.com">example</a> 

Answer 1

अपनी मूल शैली विशेषता

उदाहरण के लिए text-align सीएसएस संपत्ति जोड़ें:

<div style="text-align:center"> 
    <a href="http://www.example.com">example</a>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 
</div>​ 

या एक वर्ग का उपयोग कर (अनुशंसित)

<div class="my-class"> 
    <a href="http://www.example.com">example</a>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 
</div>​ 

.my-class { 
    text-align: center; 
} 

---

काम कर उदाहरण नीचे देखें:

.my-class { 
 
     text-align: center; 
 
\t background:green; 
 
\t width:400px; 
 
\t padding:15px; } 
 
\t .my-class a{text-decoration:none; color:#fff;}

<!--EXAMPLE-ONE--> 
 
\t <div style="text-align:center; border:solid 1px #000; padding:15px;"> 
 
     <a href="http://www.example.com">example</a>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 
 
    </div>​ 
 

 
\t <!--EXAMPLE-TWO--> 
 
\t <div class="my-class"> 
 
     <a href="http://www.example.com">example</a>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 
 
    </div>​

---

प्रश्न: क्यों text-align शैली div के बजाय a तत्व पर लागू नहीं किया है?

एक:text-align शैली बताता है कि कैसे inline सामग्री एक block तत्व के भीतर गठबंधन है। इस मामले में div एक ब्लॉक तत्व है और इसकी इनलाइन सामग्री a है। आगे इस पर विचार कितना कम समझ में यह a तत्व को text-align शैली लागू करने के लिए जब यह अधिक पाठ के साथ है होगा पता लगाने के लिए

लाइन यहाँ टूट जाता है सभी div की सामग्री को इनलाइन सामग्री हैं threre हैं भले ही और इसलिए कुछ ऐसा उत्पादन करेगा:

सादा पाठ इनलाइन सामग्री है। example Spans भी इनलाइन सामग्री

हैं यह नहीं करता कैसे "उदाहरण" इस मामले में अगर text-align संपत्ति इसे लागू करने के लिए थे प्रदर्शित किया जाएगा करने के लिए के रूप में ज्यादा समझ बनाने के।

Answer 2

चारों ओर एक div लपेट और div इन शैलियों को जोड़ने का प्रयास:

width: 100%; 
text-align:center; 

Answer 3

डिफ़ॉल्ट रूप से एक लंगर इनलाइन प्रदान की गई है, तो अपने निकटतम पूर्वज है कि एक ब्लॉक के रूप में प्रस्तुत करने पर text-align: center; निर्धारित किया है।

Answer 4

style="margin:0 auto; width:auto;" इसे आज़माएं।इस तरह

Answer 5

लिखने:

<div class="parent"> 
<a href="http://www.example.com">example</a> 
</div> 

सीएसएस

.parent{ 
    text-align:center 
} 

Answer 6

दो विकल्प, विभिन्न उपयोगों है:

HTML:

<a class="example" href="http://www.example.com">example</a> 

सीएसएस:

.example { text-align: center; } 

या:

.example { display:block; width:100px; margin:0 auto;} 

Answer 7

मुझे लगता है कि आप ऐसा नहीं कर सकते कि लंगर, काल की तरह इनलाइन तत्वों के साथ। लेकिन इसे काम करने के लिए आपको डिस्प्ले को ब्लॉक पर सेट करना होगा।

<a href="http://www.example.com" style="text-align:center;display:block;">example</a> 

Answer 8

कई तरीके हैं।

<!-- Probably the most common: --> 
<div style="text-align: center;"><a href="...">Link</a></div> 

<!-- Getting crafty... --> 
<a href="..." style="display: block; text-align: center;">Link</a></div> 

शायद अन्य तरीके भी हैं, लेकिन ये तीन शायद सबसे आम हैं।

Answer 9

सीएसएस सीधे एंकर टैग के संरेखण के लिए लागू नहीं किया जा सकता है। सीएसएस (टेक्स्ट-एलाइन: सेंटर;) एंकर टैग पर होने वाले संरेखण प्रभाव के लिए पैरेंट div/element पर लागू किया जाना चाहिए।

Answer 10

बस केंद्र टैग के बीच रख दिया:

<center>><Your text here>></center> 

Answer 11

<span style="text-align:center; display:block;"> 
<a href="http://news.awaissoft.com">Awaissoft</a> 
</span> 

Answer 12

margin: 0 auto; 
display:table 

आशा है कि किसी को मदद करता है बाहर की कोशिश करो।

Answer 13

आप इस कोड की कोशिश कर सकते हैं:

/**code starts here**/ 

a.class_name { display : block;text-align : center; }