कैसे करें - केंद्र छवियां
CSS के साथ छवि को केन्द्रित करने का तरीका जानें।
केंद्रित छवि:
छवियों को कैसे केन्द्रित करें
चरण 1) HTML जोड़ें:
उदाहरण
<img src="paris.jpg" alt="Paris" class="center">
चरण 2) सीएसएस जोड़ें:
एक छवि को केन्द्रित करने के लिए, बाएँ और दाएँ हाशिये को सेट करें auto
और इसे एक block
तत्व में बनाएँ:
उदाहरण
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
ध्यान दें कि चौड़ाई 100% (पूर्ण-चौड़ाई) पर सेट होने पर इसे केंद्रित नहीं किया जा सकता है।
युक्ति: छवियों को स्टाइल करने के तरीके के बारे में अधिक जानने के लिए हमारे CSS Images Tutorial पर जाएं।