相同高度的列，里面有响应图像

Question

我正在网站上工作，我的大多数网页都有这种结构：

<div class="row">
 <div class="col-1-2">
  <img>
 </div>
 <div class="col-2-2">
  <p>Text</p>
 </div>
</div>

我希望第一列的图像与第二列中的文字处于同一高度。

有谁知道我该怎么做？

提前致谢;）

P.S：抱歉英语不好

Answer 1

您必须将图像容器设置为绝对，将行设置为相对，然后将宽度设置为列容器的50％，高度设置为100％。 img应该有max-width：100％作为css属性