Savybės grid-row
ir ir grid-column
apibrėžia, kurioje eilutėje ar stulpelyje bus rodomas elementas.
.element ( grid-row: 1 / 2; grid-column: 3 / -1; )
Čia yra aiškus 3 × 3 tinklelis, kuriame šios savybės naudojamos tinklelio elementams uždėti ant jo konkrečiose vietose:
Susijęs
- Visas tinklelio vadovas
- tinklelio-šablono-stulpelių / tinklelio-šablono-eilučių
Naršyklės palaikymas
Šie naršyklės palaikymo duomenys yra iš „Caniuse“, kuri turi daugiau informacijos. Skaičius rodo, kad naršyklė palaiko šios ir naujesnės versijos funkciją.
Darbalaukis
„Chrome“ | „Firefox“ | T.Y | Briauna | „Safari“ |
---|---|---|---|---|
57 | 52 | 11 * | 16 | 10.1 |
Mobilusis / planšetinis kompiuteris
„Android Chrome“ | „Android Firefox“ | „Android“ | „iOS Safari“ |
---|---|---|---|
88 | 85 | 81 | 10.3 |