在页面 HTML 和 CSS 上居中图像答案

【问题标题】：Center image on page HTML and CSS在页面 HTML 和 CSS 上居中图像
【发布时间】：2018-02-05 12:08:39
【问题描述】：

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

希望你能帮助我。

【问题讨论】：

【解决方案1】：

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

感谢您的支持

【讨论】：

【解决方案2】：

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

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

【讨论】：