css布局中使用grid布局，父盒子的高度是1000px，每个子元素高度是100px，现在有三个子元素，如何实现每行显示两个，并且子元素都顶部对齐？如图所示的效果。

grid布局文档：grid - CSS：层叠样式表 | MDN

其中最重要的是：grid-template-rows这个属性，如果你没有设置这个属性，子元素的高度默认是平分的，即使你单独给每个子元素设置了宽度和高度。

需要单独配置这个属性：grid-template-rows: repeat(2, 100px); /* 2行，每行100px */

配置之后，就会顶部对齐了