如何为垂直对齐的视图提供尽可能大的高度，并使这些视图保持相同的高度？

<div style="display: flex; align-items: stretch;">
  <div style="flex: 1;">
    <!-- 内容 -->
  </div>
  <div style="flex: 1;">
    <!-- 内容 -->
  </div>
  <div style="flex: 1;">
    <!-- 内容 -->
  </div>
</div>

<script>
window.onload = function() {
  var elements = document.getElementsByClassName('equal-height');
  var maxHeight = 0;
  for (var i = 0; i < elements.length; i++) {
    maxHeight = Math.max(maxHeight, elements[i].clientHeight);
  }
  for (var i = 0; i < elements.length; i++) {
    elements[i].style.height = maxHeight + 'px';
  }
};
</script>
<div class="equal-height">
  <!-- 内容 -->
</div>
<div class="equal-height">
  <!-- 内容 -->
</div>
<div class="equal-height">
  <!-- 内容 -->
</div>