DIY मीडिया होम लोगो

अपनी खुद की होम थिएटर और हाय-Fi सेटअप डिजाइन और बनाने के लिए परम साइट.

0Wordpress लोगोडिफ़ॉल्ट वर्डप्रेस गैलरी में छवियों को लंबवत रूप से केंद्र में रखें

मुझे विश्वास नहीं हो रहा था कि एक Google खोज ने इसका उत्तर पहले ही नहीं दिया है – यह पागलपन है कि आप छवियों को एक वर्डप्रेस साधारण छवि गैलरी में लंबवत-केंद्र में नहीं रख सकते हैं. काफी मशक्कत के बाद सीएसएस मुझे एक आसान सा जवाब मिला

डिफ़ॉल्ट रूप से वर्डप्रेस इमेज गैलरी को एक वर्ग 'गैलरी' दिया जाता है’ और केवल कुछ फ्लेक्सबॉक्स लागू करने की आवश्यकता थी सीएसएस इस गैलरी के लिए. पुराने ब्राउज़रों के लिए जो फ्लेक्सबॉक्स का समर्थन नहीं करते हैं, वे केवल गैर लंबवत केंद्रित गैलरी में वापस आ जाएंगे जो दुनिया का अंत नहीं है.

.गेलरी
{
प्रदर्शन: फ्लेक्स;
फ्लेक्स-फ्लो: चादर;
संरेखित-आइटम: केंद्र;
}

और बस! यह कैप्शन के साथ चालू और बंद दोनों तरह से काम करता है और यह परवाह नहीं करता कि आपकी गैलरी में कितने कॉलम या पंक्तियाँ हैं.

हम कुछ याद है सोचो? हमें नीचे टिप्पणी से पता करते हैं. आप सदस्यता के लिए चाहते हैं, तो ऊपर दाईं ओर मेनू पर लिंक का उपयोग करें सदस्यता लें. आप नीचे दिए गए सामाजिक लिंक का उपयोग करके अपने दोस्तों के साथ इस साझा कर सकते हैं. चियर्स.

उत्तर छोड़ दें