html - 使图像居中

Question

我目前卡住了，因为我正试图将图像放在页面的中央。这是我的东西

HTML

<div class="bg-container">
    <img alt="Background" class="random bgimg">
</div>

CSS

.bgimg{
max-height: 640px;
width: 1920px;
clip: auto;
}

.bg-container{
  overflow-x: hidden;
}

注意:img 标签中没有 src 属性，因为我使用 random 类通过 JavaScript 拉取随机图像。

我已经尝试将 center-block 和 text-center 应用于 div 和图像类，但都无济于事。这是实际页面的示例。 http://shepherdjerred.com/demo/front/

感谢您提供的任何帮助。

Answer 1

1. 不要在图像元素的宽度属性中添加 px 单位。

2. 要使图像居中，请将其添加到您的选择器

   .bgimg {
     display: block;
     margin: auto;
   }