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

第二个<a>中还有未公开的<td>标记。

在此处阅读有关flex的更多信息：https://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/

垂直对齐表格

1 个答案: