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

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

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

I could­n’t believe a google search did­n’t already turn up the answer for this — it’s crazy that you can­’t just ver­tic­ally-cen­ter the images in a word­press simple image gal­lery. After much faff­ing with सीएसएस मुझे एक आसान सा जवाब मिला

By default word­press image gal­lerys are giv­en a class ‘gal­lery’ and all that was needed was to apply some flexbox सीएसएस to this gal­lery. For older browsers that don’t sup­port flexbox they will just fall back to the non ver­tic­ally centered gal­lery which isn’t the end of the world.

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

और बस! It works with cap­tions both on and off and does­n’t care how many columns or rows there are in your gallery.

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

Leave a Reply