如何使用flex获得所有div的相同高度？

Question

所以我使用flex并且我有两行div，但问题是他计算单独的第一行和第二行。我在第一行中的div具有相同的高度，然后在第二行的div中具有相同的高度，我希望它们都有相同的高度，但没有固定的高度这是我的小提琴：

https://jsfiddle.net/38fvkxt1/

<div class="wrapper">
<div class="div">
  1 <br/>
  1 <br/>
</div>

<div class="div">
  1 <br/>
  1 <br/>
  1 <br/>
  1 <br/>
  1 <br/>
  1 <br/>
  1 <br/>
</div>
<div class="div">
  1 <br/>
  1 <br/>
  1 <br/>
  1 <br/>

</div>
<div class="div">
  1 <br/>
  1 <br/>
</div>

<div class="div">
  1 <br/>
</div>
<div class="div">
  1 <br/>
  1 <br/>


</div>
</div>

Answer 1

以下是您的回答https://jsfiddle.net/8cokL3c2/1/ 使用jquery jquery-2.2.4.min.js并添加此

var maxHeight = 0;

$("div").each(function() {
  if ($(this).height() > maxHeight) {
    maxHeight = $(this).height();
  }
});

$("div").height(maxHeight);