六维教程

Tailwind CSS grid-column

指定占据多少列。

跨列

使用像col-span-<number>col-span-2col-span-4这样的工具,使元素跨 n 列。

alt text

<div class="grid grid-cols-3 gap-4">
  <div class="...">01</div>
  <div class="...">02</div>
  <div class="...">03</div>
  <div class="col-span-2 ...">04</div>
  <div class="...">05</div>
  <div class="...">06</div>
  <div class="col-span-2 ...">07</div>
</div>
上一篇
Tailwind CSS grid-template-columns
下一篇
Tailwind CSS gap