垂直对齐图像与超链接表

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/