#260504 Grid样式

背景

试了试 Astro 的前端框架，挺简洁方便。
Astro + Tailwind CSS + DaisyUI 的前端还是很舒服的。

正文

这个项目主页是一个较为复杂的页面，
分成一个个块，于是采用了 Grid 的布局。

以下使用 Tailwind 进行布局：

父组件：
grid：布局采用 grid
grid-rows- 行数：grid 布局中共…行
grid-cols- 列数：grid 布局中共…列
gap- 行列间隔：grid 布局中行列间隔为…rem

子组件：
row-start- 行：grid 布局中此组件从第…行开始
row-span- 行：grid 布局中此组件持续…行
列则以此类推

尾声

以上就是所有内容。