grid-auto-rows
En esta página
| Clase | Propiedades CSS |
|---|---|
auto-rows-auto |
grid-auto-rows: auto; |
auto-rows-min |
grid-auto-rows: min-content; |
auto-rows-max |
grid-auto-rows: max-content; |
auto-rows-fr |
grid-auto-rows: minmax(0, 1fr); |
auto-rows-<number> |
grid-auto-rows: calc(var(--spacing) * <number>); |
auto-rows-(<custom-property>) |
grid-auto-rows: var(<custom-property>); |
auto-rows-[<value>] |
grid-auto-rows: <value>; |
Examples#
Basic example#
Use utilities like auto-rows-min and auto-rows-max to control the size of implicitly-created grid rows:
<!-- [!code classes:auto-rows-max] -->
<div class="grid grid-flow-row auto-rows-max">
<div>01</div>
<div>02</div>
<div>03</div>
</div>