Flexbox 和网格
用于控制隐式创建的网格列大小的实用工具。
使用 auto-cols-{size}
实用工具来控制隐式创建的网格列的大小。
<div class="grid grid-flow-col auto-cols-max">
<div>01</div>
<div>02</div>
<div>03</div>
</div>
Tailwind 允许你使用变体修饰符在不同状态下有条件地应用实用工具类。例如,使用 hover:auto-cols-min
仅在悬停时应用 auto-cols-min
实用工具。
<div class="grid grid-flow-col auto-cols-max hover:auto-cols-min">
<!-- ... -->
</div>
有关所有可用状态修饰符的完整列表,请查看 悬停、焦点和其它状态 文档。