Html 使列中的子项具有相同的高度

我在列中有两个高度不同的元素（div中的文本并不总是相同的），因此所有。顶部元素需要彼此相同的高度，所有。底部元素需要与所有。底部元素相同的高度。我知道这个cna可以用javascript完成，但我不想用这个。这可以在CSS中完成吗

<div class="row">
  <div class="col">
     <div class="top"></div>
     <div class="bottom"></div>
  </div>
  <div class="col">
     <div class="top"></div>
     <div class="bottom"></div>
  </div>
  <div class="col">
     <div class="top"></div>
     <div class="bottom"></div>
  </div>
</div>

---

是的，可以用CSS完成。这将是一种方法

.row{
显示：表格；
宽度：100%；
}
上校{
显示：表格单元格；
填充：15px；
宽度：33%；
}

同侧视野同侧视野

同侧眼界同侧眼界同侧眼界同侧眼界

乱数假文
乱数假文
乱数假文
乱数假文
乱数假文

你读过问题了吗<代码>所有。顶部元素需要彼此相同的高度，所有。底部元素需要与所有。底部元素相同的高度。哇！我现在要修改…谢谢@TemaniAfifThanks，但这不起作用，因为所有的颜色必须是相同的宽度；-）@用户759235当它显然不起作用时，为什么要接受它。。。顶部元素行和底部元素行的高度都不相等。我链接了两篇文章，一篇使用CSS，需要更改标记，第二篇使用脚本，如果不更改标记。