html - 如何使背景图像居中

Question

所以，我有一个中间有标识的大图像，我要问的是，如果屏幕宽度在不同设备之间发生变化或变化，我如何将图像水平居中？

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

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

在大屏幕上没问题，但我不确定我的屏幕是否足够大以显示各种分辨率的网站。

标签： htmlcss

Answer 1

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

background-position: center;