HTML 和 CSS 页居中图片

Question

我为网站创建了登陆页面 www.foscaintepidario.it 但是我希望它上面的图像居中，并且在浏览器视图更改时也保持居中。改变了视角的大小，也改变了从横向到纵向的切换，反之亦然。在het HTML/CSS我目前区分纵向和横向版本，它们都有自己的图像。

希望你能帮助我。

Answer 1

您可以使用 css 背景元素以获得干净的视图。

background-image: url(url to image);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;

Answer 2

我终于解决了。带有背景图像的解决方案工作正常。我唯一需要添加的是 height: 100vh 参数！

感谢您的支持

Center image on page HTML and CSS