[Теория] display: grid;

spais

Регистрация
4 Июн 2018
Сообщения
37
Реакции
102
История

В 2011 году компания Microsoft отправила предложение команде разработчиков CSS
А в феврале 2017 множество браузеров выкатили обновление с поддержкой grid'ов

Что такое grid?
Grid представляет собой пересекающийся набор горизонтальных и вертикальных линий - один набор определяет столбцы, а другой строки. Элементы могут быть помещены в сетку, соответственно строкам и столбцам.

с Мозилла
То есть у нас появляется таблица в ячейки которой мы можем помещать элементы.


Поддержка

Как мы видим большинство браузеров поддерживают grid(для нашего любимого IE надо ставить постпрефикс, и не все функции там работают)

1547140724086.png



Как это все должно работать

Допустим у нас есть такая сетка, и мы можем поместить элемент в любую из этих клеток(а может и не в одну а в несколько)
Так и работает это все, мы просто создаем определенное количество колонок и столбцов и в полученную таблицу вставляем в нужные ячейки элементы


1547220584933.png



А как все это работает на практике вы увидите в следующей статье
 
Сверху Снизу