Question

因此，我的中心有一幅大图像，带有徽标，而我要问的是，如果屏幕宽度在不同设备之间变化或变化，那么如何水平居中显示图像？

我看到很少有使用“ img”标签的解决方案，但是我需要知道如何专门将背景居中。

body
{
  background-image: url('website-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

在大屏幕上还可以，但我不确定屏幕是否足够大以显示具有各种分辨率的网站。

Answer 1

您可以使用background-position属性，并将其设置为“ center”：

background-position: center;

Answer 2

背景位置中心将使背景图像居中。

background-position: center;

body
{
  background-image: url('website-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

如何居中背景图片

2 个答案: