31 lines
1.3 KiB
Markdown
31 lines
1.3 KiB
Markdown
|
---
|
|||
|
|
title: Create Grids within Grids
|
|||
|
|
localeTitle: Создание гридов в сетках
|
|||
|
|
---
|
|||
|
|
## Создание гридов в сетках
|
|||
|
|
|
|||
|
|
Сетка в сетке выполняется так же, как и любая другая сетка.
|
|||
|
|
|
|||
|
|
1. Просто вставьте один элемент внутри другого,
|
|||
|
|
2. установите их _как_ в сетки,
|
|||
|
|
3. и _POOF_ ! У вас есть сетка внутри сети.
|
|||
|
|
|
|||
|
|
### Вложение элемента
|
|||
|
|
|
|||
|
|
Для любого обновления, вложение элемента выглядит следующим образом: \`
|
|||
|
|
|
|||
|
|
Вот ваша сетка
|
|||
|
|
|
|||
|
|
Вот ваша вложенная сетка
|
|||
|
|
|
|||
|
|
\`
|
|||
|
|
|
|||
|
|
### Установка элементов в сетки
|
|||
|
|
|
|||
|
|
После этого настройте следующие свойства CSS: \`.gridElement { / \* это дает вам сетку \* / отображение: сетка; }
|
|||
|
|
|
|||
|
|
.nestedGridElement { / \* это дает вам NESTED grid \* / отображение: сетка; } \`
|
|||
|
|
|
|||
|
|
### Дополнительная информация
|
|||
|
|
|
|||
|
|
После этого не стесняйтесь настраивать свои сетки, как вам нравится. т.е. `grid-template-columns: auto 1fr;` может выглядеть хорошо в этой вложенной сетке.
|