代码之家 › 专栏 › 技术社区 › Leon N

在HTML和CSS页面上居中显示图像

sizing positioning center image

-1

Leon N · 技术社区 · 8 年前

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

2 回复 | 直到 8 年前

1

0

Mahdi P. 8 年前

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

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

2

0

Leon N 8 年前

Thnx感谢您的支持