छवि को केंद्रित करना कैसे

CSS के द्वारा छवि को केंद्रित करने का सीखा

छवि केंद्रित करना

टुलीप

छवि को केंद्रित करना कैसे

पहला कदम - HTML जोड़ें

<img src="paris.jpg" alt="Paris" class="center">

दूसरा कदम - CSS जोड़ें

छवि को केंद्रित करने के लिए, बाएं-दाएं बाह्य किनारा को सेट करें autoऔर इसे ब्लॉक एलीमेंट के रूप में सेट करें:

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

स्वयं प्रयोग करें

कृपया ध्यान दें कि यदि चौड़ाई को सेट किया गया है 100%（वैयक्तिक），तो केंद्रित नहीं हो सकता है。

संबंधित पृष्ठ

शिक्षा:CSS इमेज