如何使用CSS或Angular在DIV中最适合带有图像和标题的图形

如何在

内部最适合

？该图可能包含

和

。CSS或角度方法都受欢迎

---

但是暂时没有一个具体的解决方案，有人可以提出建议吗？

您写道：“

div

容器没有固定的大小”，但在所有示例中

div

的大小都相同。那么你真正想要实现什么呢？如果您想将

div

拉伸到其内容的宽度和高度，您可以设置

.container wrapper{display:inline block；}

。虽然我在图中绘制了相同大小的容器，但实际上

div

的尺寸可以不同。：）您写道：“

div

容器没有固定的大小”，但在所有示例中，

div

具有相同的大小。那么你真正想要实现什么呢？如果您想将

div

拉伸到其内容的宽度和高度，您可以设置

.container wrapper{display:inline block；}

。虽然我在图中绘制了相同大小的容器，但实际上

div

的尺寸可以不同。：）

<div class="container-wrapper">
  <figure>
    <img src="" alt="">
    <figcaption>This is figure caption</figcaption>
  </figure>
</div>

<div class="container-wrapper" autoFitImage>
  <figure></figure>
</div>