Vertical Align Bilder mit Hyperlink in Tabelle

Question

Hallo an alle und danke für Ihre Hilfe. Ich habe Probleme mit einigen Bildern, die ich habe. Ich habe es in einen Tisch gebracht, weil ich die Bilder nebeneinander brauchte, aber ich möchte auch, dass sie vertikal ausgerichtet sind.

<table><tr><td style="text-align: center;"> 
    <a href="http://www.dummywebsite.org/" target="_blank"> 
    <img src="https://www.dummyurl.com/blank1.jpg" alt="" width="225" height="225" style="display:inline"/></a> 
</td><td> 
    <a href="http://www.dummyfoundation.org/" target="_blank"> 
    <img src="https://www.dummyurl.com/blank2.png" alt="" width="300" height="88" style="display:inline"/> 
</td></tr></table> 

Ist es ein Stil, dass vertikal ausrichtet es für die Tabellenzeile verwendet wird?

Answer 1

Sie können mehrere Techniken verwenden. Dh: Flexbox:

a { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
} 

Sie haben auch nicht geschlossenen <a> Tag in den zweiten <td>.

Lesen Sie mehr über Flex hier: https://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/