Сетка-строка / сетка-столбец - CSS-хитрости

Anonim

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

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

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

Связанный

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

Поддержка браузера

Эти данные о поддержке браузером взяты из Caniuse, где есть более подробная информация. Число означает, что браузер поддерживает эту функцию в этой версии и выше.

Рабочий стол

Хром Fire Fox IE Край Сафари
57 52 11 * 16 10.1

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

Android Chrome Android Firefox Android iOS Safari
88 85 81 год 10,3