与其内容相关的所有div的高度对齐

<div class="container">
  <div class="item">Content 1</div>
  <div class="item">Content 2</div>
  <div class="item">Content 3</div>
</div>

<style>
.container {
  display: flex;
}

.item {
  flex: 1;
  align-self: stretch;
}
</style>

<div class="table">
  <div class="cell">Content 1</div>
  <div class="cell">Content 2</div>
  <div class="cell">Content 3</div>
</div>

<style>
.table {
  display: table;
}

.cell {
  display: table-cell;
  vertical-align: top;
}
</style>

<div class="item">Content 1</div>
<div class="item">Content 2</div>
<div class="item">Content 3</div>

<script>
  var divs = document.getElementsByClassName("item");
  var maxHeight = 0;
  
  // 计算最大高度
  for (var i = 0; i < divs.length; i++) {
    if (divs[i].offsetHeight > maxHeight) {
      maxHeight = divs[i].offsetHeight;
    }
  }
  
  // 应用最大高度
  for (var i = 0; i < divs.length; i++) {
    divs[i].style.height = maxHeight + "px";
  }
</script>