垂直和水平居中图像，％宽度和高度

Question

如何在垂直和水平方向上居中显示％宽度和高度的img。 img将对屏幕分辨率做出响应，我需要它保持居中。

Answer 1

我能够通过将这个img放在像这样的表中来解决这个问题

<table align="center" valign="center">
  <tr>
    <td style="text-align:center;">
      <img style="width:80%;max-width:500px;" src="logo.png"/>
    </td>
  </tr>
</table>