Html 无法使流体Div中的流体图像居中

我在流体分区中水平居中流体图像时遇到问题。从高低看，其他人找到的解决方案对我不起作用，要么我试图做一些太难的事情（我怀疑），要么我在使用不同的介质

HTML:

“Margin:auto”不起任何作用，因为所有内容的宽度都是可变的。在代码中，图像“NumberTwo”的左边缘位于页面中央。我希望图像的中心居中。它的行为就像它应该缩放明智，但不在页面的中间！ 任何帮助都将不胜感激，这让我非常恼火。如果需要更多信息，请告诉我

---

H

使用绝对位置时，需要将顶部、右侧和左侧设置为0px；然后你可以添加左边距和右边距自动

示例-

---

请注意，在不需要绝对位置时，在图像上使用绝对位置不是最佳做法。请阅读lmgonzalves的评论，下面有一个更好的修正

您只需删除

位置：绝对在
img
中：

#FSBG {
    width: auto;
    height: 100%;
    min-width: 1040px;
    min-height: 585px;
}

演示：
您可以使用，但请注意，旧浏览器不支持flexbox

#backgroundDiv {
  display: flex;
  justify-content: center;
}

就这样<代码>对齐内容

将flexbox中的项目沿flex的方向对齐。我不确定它是否适用于

position:absolute

项目，但您可以查看它

---

注意：为了简洁起见，我留下了供应商前缀，但您可能必须添加这些前缀才能在浏览器中获得所需的效果。

啊，我已经尝试过了，但是图像没有遵循我设置的缩放“规则”，将背景视频更改为100%高度而不是设置的高度可以让一切正常工作。非常感谢。如果您愿意的话，还有一件事：当窗口的纵横比变得太窄时，我希望图像的侧面被切掉，而不仅仅是右侧（现在正在发生），有什么可以让这成为可能的吗？请看一下使用.lmgonzalves解决方案中的一些代码为我工作，但感谢您抽出时间回答：）lmgonzalves解决方案对我有效，但感谢您抽出时间回答：）

#backgroundDiv {
  display: flex;
  justify-content: center;
}

#FSBG {
    width: auto;
    height: 100%;
    min-width: 1040px;
    min-height: 585px;
}

#backgroundDiv {
  display: flex;
  justify-content: center;
}