Html 带有图像的div未显示在d-flex列中

结构如下：

<div className="d-flex flex-column">
  <div>
     Text
  </div>
  <div style={{ backgroundImage: 'url(...)' }}>
  </div>
</div>

正文

Url正在运行。Div存在，但图像未显示 当我使用flex row时，它可以工作

再添加两种样式

背景尺寸：包含；背景重复：无重复



正文





给出div的高度和宽度，以查看图像是否正确appears@Andus看起来，如果我做了宽度100%高度100%，它会削减imagediv的高度，如果没有明确的高度/宽度本身或仅在其子对象中，则无法直观地看到，因为您现在可以看到您的图像，您可以使用
对象适合度：contain
或
对象适合度：cover
来解决此问题，根据您的喜好，这可能会有所帮助