Сітка-рядок / сітка-стовпець - CSS-хитрощі

Anonim

grid-rowІ grid-columnвластивості визначають , який рядок або стовпець елемент буде відображатися на.

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

Ось явна сітка 3 × 3, де ці властивості використовуються для розміщення елементів сітки на ній у певних місцях:

Пов’язані

  • Повне керівництво по сітці
  • сітка-шаблон-стовпці / сітка-шаблон-рядки

Підтримка браузера

Дані про підтримку веб-переглядача подані компанією Caniuse, яка містить більше деталей. Цифра вказує на те, що браузер підтримує цю функцію на цій версії та вище.

Робочий стіл

Chrome Firefox IE Край Сафарі
57 52 11 * 16 10.1

Мобільний / планшетний

Android Chrome Android Firefox Android iOS Safari
88 85 81 10.3