用户登录

要统一设置网格项目在网格区域里的纵轴的对齐,可以使用 align-items 这个属性来设置对齐方式。在这个网格容器上面,添加 tailwind 提供的 items-center。 这个类会把 align-items 设置成 center。这样所有网格项目在网格区域的纵轴的对齐就会是 center,也就是居中。

设置了 align-items 这个属性以后,项目的高度就会是项目内容的高度。

我们也可以单独设置网格项目在纵轴的对齐,比如在这个 1 号项目上面,添加一个 self-start,这个类会把 align-self 设置成 flex-start。 这个 flex-start 也可以是 start。

在 3 号项目上面,添加一个 self-end,它可以让网格项目在网格区域的纵轴底部对齐。

在纵轴(块级轴)对齐网格项目《 Tailwind 样式框架:网格布局 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点