框中的行高度相同答案

【问题标题】：Same height for row in box框中的行高度相同
【发布时间】：2018-11-15 05:30:40
【问题描述】：

我有免费的盒子和内容，但我需要为其中的行设置相同的高度。现在只有相同高度的盒子，但我需要为盒子中的行做相同的高度。在下面的示例中，我有蓝色行，这是我需要为其设置相同高度并将它们保持在同一行且高度相同的行。

.container {
  display:flex;
}

.box {
  background:red;
}

.row {
  background:blue;
}

<div class="container">
  <div class="box">
    <div class="row"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore explicabo quam aut cum pariatur blanditiis possimus</p></div>
    <div class="row"><p>Lorem ipsum dolor sit amet</p></div>
  </div>
  <div class="box">
    <div class="row"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore explicabo quam aut cum pariatur blanditiis possimus</p></div>
    <div class="row"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque dolorem ut fuga impedit, obcaecati aut est inventore voluptatibus eligendi iusto dignissimos consequatur pariatur tenetur vero. Eum aspernatur ad porro a.</p></div>
  </div>
  <div class="box">
    <div class="row"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt inventore, facilis error, tempore nisi optio quasi</div>
    <div class="row"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p></div>
  </div>
</div>

【问题讨论】：

标签： html css flexbox

【解决方案1】：

阅读此http://www.lottejackson.com/learning/an-equal-height-grid-using-flexbox

你需要让行显示：flex

【讨论】：