1

我正在尝试编写一个 html 页面,我可以将任何图像 url 放入其中,它以黑色背景显示该图像,在页面上垂直和水平居中。

我有这个:

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

对于比页面更高和更薄的图像,它的工作正确,但它不会垂直居中。我怎样才能做到这一点?

4

1 回答 1

2
<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>
于 2012-12-08T07:30:53.093 回答