我正在尝试编写一个 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>
对于比页面更高和更薄的图像,它的工作正确,但它不会垂直居中。我怎样才能做到这一点?