Html 引导中的中心映像_Html_Css_Bootstrap 4

Html 引导中的中心映像

html css bootstrap-4

Html 引导中的中心映像,html,css,bootstrap-4,Html,Css,Bootstrap 4,我采用了一些代码，使我的标志有一个视差图像顶部的透明背景。一旦我这样做了，出于某种原因，我可以把徽标放回屏幕的中央。有人能告诉我我做错了什么吗 HTML <body> <nav class="navbar navbar-expand-sm navbar-dark bg-dark"> ... </nav> <div id="homepage-front-logo"> <img src="images/logo-plac

我采用了一些代码，使我的标志有一个视差图像顶部的透明背景。一旦我这样做了，出于某种原因，我可以把徽标放回屏幕的中央。有人能告诉我我做错了什么吗

HTML

<body>
  <nav class="navbar navbar-expand-sm navbar-dark bg-dark">
      ...
</nav>

<div id="homepage-front-logo">
    <img src="images/logo-placeholder.png" class="img-fluid" />
</div>
<div class="parallax-header-image"></div>
</body>

不太确定我是否理解正确，但你应该能够通过改变你的主页正面标志CSS使图像居中

#homepage-front-logo {
  width: 300px;
  display: block;
  margin: 0 auto;
  text-align: center;
}

不太确定我是否理解正确，但你应该能够通过改变你的主页正面标志CSS使图像居中

#homepage-front-logo {
  width: 300px;
  display: block;
  margin: 0 auto;
  text-align: center;
}

解决方案只有引导本机类，没有css修改

...

解决方案，仅支持引导本机类，无css修改

...

我想出来了。我添加了一个红色边框，这样我就可以看到实际的div，并且我看到

宽度是罪魁祸首。它是居中的，但我告诉周围的div只有300px宽。我将其更改为100%，并使用@abney317的文本对齐的思想，然后使用presto
.homepage-front-logo {
  position: absolute; 
  width: 100%;
  display: block;
  text-align: center;
}

我想出来了。我添加了一个红色边框，这样我就可以看到实际的div，并且我看到宽度是罪魁祸首。它是居中的，但我告诉周围的div只有300px宽。我将其更改为100%，并使用@abney317的文本对齐的思想，然后使用presto
.homepage-front-logo {
  position: absolute; 
  width: 100%;
  display: block;
  text-align: center;
}

出于某种原因，这对我不起作用。它还在往左边冲。只有body标签封装了它，我没有对它应用任何样式。想法？出于某种原因，这对我不起作用。它还在往左边冲。只有body标签封装了它，我没有对它应用任何样式。思想？