Question

我想在CSS中寻求有关我的subreddit页面的标题图像对齐的帮助。这是标题图像和叠加层的当前代码，请忽略z-index以及不是：

  #header {
  z-index: 2147483647;
  height: 260px;
  border: 0;
  box-shadow: inset 0 -90px 0 0 rgba(21, 27, 33, .6);
  background: url(%%overlay%%) fixed center/auto auto, linear-gradient(45deg, rgba(39, 161, 227, .65), rgba(231, 35, 42, .65)), url(%%header%%) 0 0/cover

从此代码中，即使我在移动设备上调整浏览器或查看大小，我的标题图片也会与左边缘对齐。我希望更改对齐方式，这样即使我在移动设备上调整浏览器或查看大小，它也会集中标题图像。

这是另一个模板，其中标题图像给出了我正在寻找的结果：

#header {
border: 0;
height: 200px;
background-color: #000000;
background-image: url(%%banner1%%);
background-repeat: repeat;
background-position: center;
}
#header #header-img { display: none; }
@media (max-width: 1800px) {
    #header {
        background-size: cover;
        background-position: center;

我真的很弱，我无法将它们投射到相同的结果，如果有人能帮我解决这个问题，我将不胜感激！谢谢！

Answer 1

尝试将margin：auto添加到#header样式，如此

#header { 保证金：汽车; .... }

CSS标题图像对齐

1 个答案: