EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
डिफ़ॉल्ट भाषा के रूप में सेट करें
PF प्रश्न - फोरम

एक छवि को क्षैतिज रूप से केंद्रित करने के लिए कैसे, absolute पोजिशनिंग के साथ, भीतर एक div

CSS प्रोग्रामिंग  
 
एक छवि को क्षैतिज रूप से केंद्रित करने के लिए कैसे, absolute पोजिशनिंग के साथ, भीतर एक div

विचार करने के लिए है फोकस भीतर एक DIV, एक छवि के साथ निरपेक्ष स्थिति { स्थिति: निरपेक्ष; }. ऐसा करने के लिए, सबसे पहले है असाइन करें, करने के लिए div कि छवि शामिल होंगे, एक स्थिति रिश्तेदार, इस प्रकार की छवि absolute पोजिशनिंग को रोकने है कि सापेक्ष स्थिति है तत्व पैरेंट कंटेनर के लिए अगले, या विफल रहने, करने के लिए शरीर.

सोचते हैं कि हम निम्नलिखित कोड के साथ एक div और छवि का एक ही किया:

कंटेनर और छवि के लिए लागू की गई शैली निम्नानुसार है:

कुछ के साथ परिणाम देखने के लिए उदाहरण, हम करने के लिए जा रहे हैं संशोधित करें HTML कोड असाइन करके एक किनारे और एक आकार करने के लिए div, जोड़ने के साथ ही एक मार्ग और एक आकार करने के लिए छवि. यह कुछ इस तरह दिखेगा:

और, उसके बाद, परिणाम:

 

आप के चैनल के लिए में शामिल हों तार

हमें एक टिप्पणी छोड़ दो या करने के लिए दर्ज करेंफोरम
इसे साझा Share on FacebookTweet about this on TwitterShare on Google+Pin on PinterestShare on RedditShare on VKShare on StumbleUponShare on TumblrShare on LinkedInEmail this to someonePrint this page

संबंधित लेख

कोई जवाब दो