要统一设置网格项目在网格区域里的纵轴的对齐,可以使用 align-items 这个属性来设置对齐方式。在这个网格容器上面,添加 tailwind 提供的 items-center。 这个类会把 align-items 设置成 center。这样所有网格项目在网格区域的纵轴的对齐就会是 center,也就是居中。
设置了 align-items 这个属性以后,项目的高度就会是项目内容的高度。
我们也可以单独设置网格项目在纵轴的对齐,比如在这个 1 号项目上面,添加一个 self-start,这个类会把 align-self 设置成 flex-start。 这个 flex-start 也可以是 start。
在 3 号项目上面,添加一个 self-end,它可以让网格项目在网格区域的纵轴底部对齐。