HTML 和 CSS 页居中图片

Center image on page HTML and CSS

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

希望你能帮助我。

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

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

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

感谢您的支持