html - How do you vertically align images within a list or a div? -


मेरे पास कुछ चित्र दिखाने के लिए निम्न कोड है:

HTML: 

  & lt; div class = "footer-logos" & gt; & LT; ul & gt; & Lt; li & gt; & lt; img src = "/ sites / default / files / imagefield_thumbs / सभी कान कंबोडिया लोगो_1.png" alt = "" वर्ग = "पहले" & gt; & lt; / li & gt; & Lt; li & gt; & lt; img src = "/ sites / default / files / imagefield_thumbs / एमएलएफ rev.jpg" alt = "" class = "" & gt; & lt; / li & gt; & Lt; li & gt; & lt; img src = "/ sites / default / files / imagefield_thumbs / TAMTF ए.जे.पी.जी." alt = "" class = "" & gt; & lt; / li & gt; & Lt; li & gt; & lt; img src = "/ sites / default / files / imagefield_thumbs / unltd-logo.png" alt = "" वर्ग = "" & gt; & lt; / li & gt; & Lt; li & gt; & lt; img src = "/ sites / default / files / imagefield_thumbs / CECILYS हाई RES.jpg" alt = "" class = "" & gt; & lt; / li & gt; & Lt; li & gt; & lt; img src = "/ sites / default / files / imagefield_thumbs / सड़क बाल अफ्रीका। Jpg" alt = "" class = "last" & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; / div & gt;

सीएसएस: 

  .footer-logos {text-align: center;} .footer-logos img {मार्जिन-बायां: 20px; मार्जिन-दाएं : 20 पीएक्स;}। फुटर-लोगो आईएमजी.फस्ट {} .footer-logos img.last {} .footer-logos ul {} .footer-logos ul li {डिस्प्ले: इनलाइन; सूची-शैली: कोई भी नहीं;}

ये ऐसी छवियां उत्पन्न करता है, जो दिखते हैं:

लेकिन मैं इसे लोगो को लंबवत रूप से केन्द्रित करना चाहता हूं ऐसा दिखता है:

मैंने सीएसएस के माध्यम से सब कुछ लंबवत रूप से संगृहीत करने की कोशिश की है, लेकिन यह वास्तव में काम नहीं करता जब तक कि मैं एक टेबल का उपयोग नहीं कर रहा हूं। तो फिर भी मैं तालिका पंक्ति का उपयोग किए बिना वांछित प्रभाव प्राप्त कर सकता हूं?

UPDATE 1

छवियां जो अलग-अलग ऊंचाइयों में हो सकती हैं, एक निश्चित ऊँचाई सीएसएस तत्व का उपयोग करें ...

क्या छवियों को उनकी ऊंचाई के रूप में एक निश्चित ऊपरी सीमा है ?

यदि ऐसा है तो आप उस ऊंचाई की लाइन-ऊंचाई को सेट कर सकते हैं, और फिर वर्टिकल-संरेखित संपत्ति का सेट करें > टैग को मध्य ।

यहां देखें:


Comments

Post a Comment

Popular posts from this blog

.net - C# List<T>.Find(x=>x.Rectangle.Contains(Point)) FAIL -

For my life, I can not understand why this code generates the following output ... I think there is a bug or something while using the list and lambda, if type one rectangle exposes the property and you use the included method of rectangle object ... and the clear statement proves true while Find list method fails .... Onway Code Public Gridskeyr Warldtokapadsb (Point location) {location = _Map.WorldToClient (location); Gridsquare gs = this.find (x => x.Rectangle.Contains (location)); GridSquare KP = G.Find (X => X. laxative canteen (location)); & Lt; GridSquare & gt; List = kp.FindAll (x => x.Rectangle.Contains (location)); U.dp (list.Count); Gridskare sub = KP.Fid (X => X. laxative canteen (location)); If (sub == faucet) {u.dp (place to look for "location"); U.dp ("The location found in the grid category" + GS toaster ()); U.dp ("Grid Square Bounds" + gs.Rectangle.ToString ()); U.dp ("location found in keypad" +...
Read more

iphone - Smoothing a rounded stroke in Core Graphics -

I am making my own UITableViewCells with a gradient background. I have worked all the logic and drawing, but the one that I want to fix is ​​"chunky" around the corners of my custom cell: If you have corners, you See what I'm talking about. Here is the code that I am using to generate cells: CGCTXT C = UigRxGroupCertexConnect (); CGColorSpaceRef myColorSpace = CGColorSpaceCreateDeviceRGB (); CGGradientRef myGradient = Zero; CGFloat component [8] = TABLE_CELL_BACKGROUND; CGContextSetStrokeColorWithColor (C, [[UAColor colorWithWhite: 0.7 alpha: 1] CGColor]); CGContextSetLineWidth (C, 2); CGContextSetAllowsAntialiasing (C, Yes); CGContextSetShouldAntialias (C, Yes); CGFloat minx = CGRectGetMinX (RECT), MIDX = CGRactgetMIDX (RECT), MAX x = CGTXxX (RECT); CGFloat miny = CGRectGetMinY (Rect), maxy = CGRectGetMaxY (rect); CGMutablePathRef Path = CGPathCreateMutable (); CGPathMoveToPoint (path, NULL, minx, miny); CGPathAddArcToPoint (default margin of path, NULL, mix, ...
Read more

c++ - QtQuick: QQmlApplicationEngine failed to load component qrc:/main.qml:23 Invalid attached object assignment -

Looking at my thoughts below, am I barking the wrong tree? Or in the information given below, am I misusing the Qt API to get an error in the title? I'm trying to modify the sample to work with the default coefficic project generated from Qt Creator 3.3.0 (OpenSource). Qt 5.4.0 (GCC 4.6.1, 64bit) Based on. The first thing to look at after the code is that I stand by: The sample uses the main.cpp: qmlRegisterType & lt ; Squircle & gt; ("OpenGLUARMM", 1, 0, "Squircle"); QQuickView view; View.setResizeMode (QQuickView :: SizeRootObjectToView); View.setSource (QUrl ("QRC: ///scenegraph/openglunderqml/main.qml")); View.show (); Some name changes in my name. CPP qmlRegisterType & lt; Menuscreen & gt; ("OpenGLUnderQML", 1, 0, "Main Screen"); QQmlApplicationEngine engine; Engine.load (QUrl (QStringLiteral ("QRC: /main.qml"))); I'm not sure that the difference in using QQmlApplicationEngine...
Read more