CSS 标题图像对齐

Question

我想就我的 subreddit 页面的标题图像对齐寻求 CSS 方面的帮助。这是标题图像和叠加层的当前代码，请忽略 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 样式中

#标题{ 边距：自动； …… }