दिलचस्प पोस्ट
प्रत्येक कॉलम के लिए WPF DataGrid CustomSort अपवाद: 'क्लोजर' के सीरियलाइजेशन की अनुमति नहीं है जावा ईई 6> पैकेजिंग जेएसएफ फेसलेट्स (एक्सएचटीएमएल) और जेनर के रूप में प्रबंधितबैंस छवि AngularJS के साथ अनुरोध प्राप्त करें छवि वारिंग – बग़ैज़ इफेक्ट एल्गोरिथम सदस्य क्षेत्र, निर्माण के क्रम आईफ़ोन पर कॉन्फ़िगरेशन प्रोफाइल स्थापित करना – प्रोग्रामेटिक रूप से awk जगह में संशोधन को बचाने Android में लंबवत (घुमाए गए) लेबल पायथन में पंडों में एक डाटाफ्रेम बंट कर रहा है कैसे कमांड लाइन से gradle को तर्क देना है घातांक चलने की औसत औसत टाइम्स पर नमूना जावास्क्रिप्ट के साथ पृष्ठ पुनः लोड करने के लिए पसंदीदा विधि? करीब खुला जानकारी विन्डो खुले दूसरे से पहले UITapGestureRecognizer ब्रेक करता है UITableView किया SelectionRowAtIndexPath

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

मैंने पहले से ही किसी div भीतर छवि की सीमा को कोई भी नहीं रखा है अब मैं उस छवि को इसके युक्त डिवेल में केंद्रित करना चाहता हूं। मैंने margin: 0 auto; का उपयोग करने की कोशिश की है margin: 0 auto; लेकिन वह काम नहीं कर रहा था

मुझे यकीन है कि मैं बेवकूफ कुछ अनदेखी कर रहा हूं, लेकिन मैं स्टैकेउवरफ्लू समुदाय की मदद लेना चाहता हूं, इसलिए यह मुझे स्क्रीन पर घूरने का एक घंटे नहीं लेता है। बहुत बहुत धन्यवाद।

 <body> <div id="wrapper"> <div id="banner"> <img src="logo3.png"/> <!--<img src="kslf_logo.png"/> <img src="logo2.png" title="Katie Samson Lacrosse Festival Logo"/>--> <div id="social_network"> <a href="#" target="_blank" title="Check out the Facebook Page!">Facebook</a> </div> </div> </div> </body> 

ये सीएसएस है …

 #banner { height: 100px; width: 960px; padding-bottom: 10px; } #banner img { border: none; margin: 0 auto; } 

Solutions Collecting From Web of "एक div के अंदर एक छवि केंद्रित करना"

block करने के लिए छवि की display संपत्ति सेट करने का प्रयास करें:

 banner { height: 100px; width: 960px; padding-bottom: 10px; } banner img { border: none; display: block; margin: 0 auto; } 

text-align: center लागू करना text-align: center आपके बैनर डिवेल में केंद्र इसकी इनलाइन और इनलाइन-ब्लॉक वाले बच्चों (जो कि आईएमजी टैग शामिल करता है) केन्द्रित करेगा।

कारण आपका कोड काम नहीं कर रहा था, क्योंकि margin: 0 auto केवल ब्लॉक तत्वों को केंद्र बनाएगा

क्षैतिज: बस कोशिश करो

 text-align:center; 

🙂

भी

 banner { height:100px; text-align:center; width:960px; padding-bottom:10px;} 

या यदि आईएमजी विशिष्ट आकार का है तो

 banner img { display:block; width: <somevalue>px; border:none; margin:0 auto; } 

काम करेगा ..

मेरा मानना ​​है कि यह सिर्फ margin: auto; । शून्य की आवश्यकता नहीं है

एक पूर्णांक (लंबवत और / या क्षैतिज रूप से) में छवि को संरेखित करने के लिए कई विस्तृत प्रयासों के बाद, मैं निम्नलिखित को समझा।
खड़ी केंद्र में एक div में छवि को संरेखित करें

 .div { display:flex; justify-content:center } 

क्षैतिज रूप से एक div में छवि को संरेखित करें।

 .div { display:flex; align-items:center; } 

एक div में दोनों खड़ी और क्षैतिज रूप से एक छवि को केंद्र में रखने के लिए, 2 विकल्प हैं (1)

 div { display:flex; align-item:center; justify-content:center; } 

(2)

 .div { display:flex } .div > img { margin: auto } 

कृपया मुझे बताएं कि यह किसी भी स्थिति में काम नहीं करता है।