Css 无法在Div中居中显示图像

我已经浏览了很多关于这个主题的帖子和外部网站，似乎什么都不起作用。我有一个大的图像，我只希望它在屏幕视图中居中。div是页面上横幅的背景。我可以将其调整到正确的大小，但它只显示图像的左半部分，我无法将其调整到中心位置，只需根据屏幕的侧面将左右两侧切掉即可。

尝试删除： 左：'0'，右：'0'，顶部：'0'，底部：'0'

这是将图像的位置固定到左上角

正如@Daniel在评论中提到的，将位置：绝对更改为相对，因为它限制了div中内容的流动

以下是工作模式：

div{ 背景：红色；/*仅用于Clarification案例*/ text对齐：居中！重要； 保证金：0自动！重要； } img{ 显示：块！重要； 保证金：自动！重要； 位置：相对位置； 高度：100px； 宽度：100px； }

---

您正在使用固定宽度/高度。。删除该位置绝对是窃听。您需要流的图像部分。绝对是把它从流动中带出来的。我已经尝试了这两种方法，但仍然以同样的方式弄糟@temaniafifuld的重复

<div style={{textAlign:'center !important',margin:'0 auto !important'}}>
     <img className="lazy" src={require("../images/dragonfire.jpg")} style={{display:'block !important', margin:'auto !important', position:'absolute', left:'0',right:'0',top:'0',bottom:'0',height:'40em',width:'40em'}}/>
</div>