垂直對齊圖像與超鏈接表

Question

大家好，感謝您的協助。我遇到了一些圖片問題。我把它放到了桌子上，因爲我需要彼此相鄰的圖片，但我也希望它們垂直對齊。

<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> 

這是一種用於垂直對齊表格行的樣式嗎？

Answer 1

您可以使用多種工藝。即：實現Flexbox：

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

你在第二<td>也得到了不封閉<a>標籤。

閱讀更多關於flex的信息：https://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/