使图像居中

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属性，因为我使用随机类通过JavaScript提取随机图像。

我尝试将中心块和文本中心应用于div和图像类无济于事。以下是实际页面的示例。 http://shepherdjerred.com/demo/front/

我感谢任何帮助。

Answer 1

1. 您不在图像元素的width属性中添加px单位。

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

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