如何使用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);