我需要像这样显示一个表，但要使所有行都具有相同的高度，即使表中的图像大小不同。表需要有响应性，以便随着窗口大小的改变而调整所有内容的大小。

每行的当前代码如下:

<tr width="100%" height="10%" style="background-color:rgba(158,158,158,1); color: #FFFFFF">
    <td width="25%" style="margin:0; padding:4" align="left">Wed <b>Sep 29</b></td>
    <td width="100%" style="padding:4;display:flex; align-items:center; justify-content: center;" align="center">@ <img src="https://upload.wikimedia.org/wikipedia/commons/8/81/Pittsburgh_Pirates_logo_2014.svg" width="15%" style="padding:4"> Pirates</td>
    <td width="25%" style="padding:4;margin:0" align="right">6:35 PM</td>
</tr>

完整代码为此处.

这样做的问题是，行大小取决于徽标的大小。您可以看到海盗的徽标比红衣主教的徽标大，因此海盗的行高。

根据this回答我已成功地将徽标的大小调整为与行相同的高度。不过，这涉及到对标志的绝对定位。此代码为hhere（请参见我进行更改的第7行）。这种方法的问题是，我不知道如何将文本(@符号和团队名称）与团队徽标一起内联显示。显然，我不能使用显示内联块，因为我已经完全定位了徽标。因此，我的问题是：如何调整团队徽标的大小，使其与行的高度一致，同时还将徽标与文本内联显示（居中）？

顺晟科技：

放弃abspos方法。

对于所有img标识，删除属性。

添加一个随窗口高度变化的height属性，例如