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.

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