Html 将div放入具有内容包装动态高度的容器底部

我有一个css问题

我有两个“列”，其中每个列的底部都包含动态内容+图像

我希望这些图像块位于每列的底部。我可以使用

position:absolute

设置每列的高度，但我正在寻找一种方法来实现这一点，而不必在列上使用指定的高度

html类似于

<div class="wrapper">

    <div class="content">
         {text content / dynamic }
        <div class="grid"> <!-- image blocks -->
        </div>
    </div>

    <div class="content">
         {text content / dynamic }
        <div class="grid"> <!-- image blocks -->
        </div>
    </div>

</div>

{文本内容/动态}
{文本内容/动态}

若我真的理解你们的意思，你们想把容器的底部左右对齐。你可以使用display:flex，给出一个

 <div class="wrapper" style="display:flex; width:100%; height:auto; justify- 
  content:flex-start; align-items:center; "></> 

---

编写其他样式代码，对齐项目可帮助您将内容容器垂直对齐到中心。

谢谢！我会调查的！（测试：-）我基本上是在寻找对齐项：flex end；你给我指明了正确的方向！谢谢！欢迎您，编码快乐！！！：）