Question

我正在尝试编写一个html页面，我可以将任何图像网址放入其中，并显示带有黑色背景的图像，在页面上垂直和水平居中。

我有这个：

<html>
<body style="background: black;">

<img src="http://i.imgur.com/n8o1E.png" style="display: block; margin: auto; max-height: 100%; max-width: 100%">

</body>
</html>

对于比页面更高更薄的图像，它的工作正确，但它不会垂直居中。我怎么能这样做？

Answer 1

<html>
<head>
<style>
html, body, #wrapper {
       height:100%;
       width: 100%;
       margin: 0;
       padding: 0;
       border: 0;
    }
    #wrapper td {
       vertical-align: middle;
       text-align: center;
    }
</style>
</head>
<body>
   <table id="wrapper">
      <tr>
         <td><img src="logo.png" alt="" /></td>
      </tr>
   </table>
</body>
</html>

在html页面上有一个居中的图像

1 个答案: