grid-column
является первым для самих элементов сетки. Гипотетические горизонтальные и вертикальные линии, которые создают сетку, называются линиями . Эти строки нумеруются начиная с 1 в верхнем левом углу сетки и перемещаются вправо для столбцов и вниз для строк, считая вверх. Вот как выглядят линии для сетки 3x3: строки столбцов
1
2
3
4
строки строк
1
2
3
4
grid-column
в сочетании с номерами строк, которые хотите, чтобы элемент начал и остановился. Вот пример: grid-column: 1/3;Это приведет к тому, что элемент начнется с первой вертикальной линии сетки слева и пролетает до третьей линии сетки, потребляя два столбца.
grid-column
- первое свойство для использования в элементах грида. Гипотетические горизонтальные и вертикальные линии, которые создают грид, называются линиями . Эти линии нумеруются начиная с 1 в верхнем левом углу грида и перемещаются вправо для столбцов и вниз для строк. Вот как выглядят линии для грида 3x3: линии столбцов
1
2
3
4
линии строк
1
2
3
4
grid-column
в сочетании с номерами линий начала и конца элемента. Вот пример: grid-column: 1/3;Это приведет к тому, что элемент начнется с первой вертикальной линии грида слева и продолжится до третьей линии грида, занимая два столбца.
item5
использовать последние два столбца сетки. item5
, который занимает последние два столбца грида.