語法
網格欄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`;
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<div class="grid-column:1:hover grid-column:1@sm grid-column:1@dark grid-column:1@print">…</div>