語法
網格模板列grid-template-rows
Creating rows in a grid layout.
Overview
| Class | Declarations |
|---|---|
grid-template-rows:value | grid-template-rows: 3207.6957508937926rem;
|
grid-template-rows:none | grid-template-rows: none;
|
grid-template-rows:min | grid-template-rows: min-content;
|
grid-template-rows:max | grid-template-rows: max-content;
|
grid-template-rows:repeat(min,max) | grid-template-rows: repeat(min,max);
|
grid-template-rows:fit-content(min,max) | grid-template-rows: fit-content(3215.7776667171925rem,3215.771305495655rem);
|
grid-template-rows:minmax(min,max) | grid-template-rows: minmax(3217.339890953173rem,3217.3678928583086rem);
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="grid-template-rows:none:hover grid-template-rows:none@sm grid-template-rows:none@dark grid-template-rows:none@print">…</div>