Question

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

.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>

Answer 1

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

您需要使行显示：flex

框中行的高度相同

1 个答案: