語法
網格欄grid-column
Setting a grid items's size and location in a grid layout.
Overview
| Class | Declarations |
|---|---|
grid-col:value | grid-column: value;
|
grid-col-span:value | grid-column: span value/span value;
|
grid-col-start:value | grid-column-start: value;
|
grid-col-end:value | grid-column-end: value;
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="grid-column:1:hover grid-column:1@sm grid-column:1@dark grid-column:1@print">…</div>