如何自动对齐GridView项目的高度？

<div class="grid-container">
  <div class="grid-item">Item 1</div>
  <div class="grid-item">Item 2</div>
  <div class="grid-item">Item 3</div>
</div>

.grid-container {
  display: flex;
  flex-direction: row;
}

.grid-item {
  border: 1px solid black;
  padding: 10px;
}

window.addEventListener('load', function() {
  var gridItems = document.getElementsByClassName('grid-item');
  var maxHeight = 0;

  // 计算最高高度
  for (var i = 0; i < gridItems.length; i++) {
    if (gridItems[i].offsetHeight > maxHeight) {
      maxHeight = gridItems[i].offsetHeight;
    }
  }

  // 应用最高高度
  for (var i = 0; i < gridItems.length; i++) {
    gridItems[i].style.height = maxHeight + 'px';
  }
});