Mriežkový riadok / mriežkový stĺp - Triky CSS

Anonim

Vlastnosti grid-rowa grid-columndefinujú, na ktorom riadku alebo stĺpci sa prvok zobrazí.

.element ( grid-row: 1 / 2; grid-column: 3 / -1; )

Tu je explicitná mriežka 3 × 3, kde sa tieto vlastnosti používajú na umiestnenie položiek mriežky na konkrétne miesta:

Súvisiace

  • Kompletný sprievodca po sieti
  • stĺpce mriežky-šablóny / riadky mriežky-šablóny

Podpora prehľadávača

Údaje o podpore tohto prehľadávača sú od spoločnosti Caniuse, ktorá obsahuje viac podrobností. Číslo označuje, že prehliadač podporuje túto funkciu v danej verzii alebo vyššej.

Desktop

Chrome Firefox IE Hrana Safari
57 52 11 * 16 10.1

Mobil / tablet

Android Chrome Android Firefox Android iOS Safari
88 85 81 10.3