31 lines
771 B
Markdown
31 lines
771 B
Markdown
|
---
|
|||
|
|
title: Create Grids within Grids
|
|||
|
|
localeTitle: 在网格中创建网格
|
|||
|
|
---
|
|||
|
|
## 在网格中创建网格
|
|||
|
|
|
|||
|
|
网格内的网格与任何其他网格相同。
|
|||
|
|
|
|||
|
|
1. 把一个元素嵌入另一个元素中，
|
|||
|
|
2. 将它们_都_设置为网格，
|
|||
|
|
3. 和_POOF_ ！你有一个网格内的网格。
|
|||
|
|
|
|||
|
|
### 嵌套元素
|
|||
|
|
|
|||
|
|
对于任何复习，嵌套元素如下所示： \`
|
|||
|
|
|
|||
|
|
这是你的网格
|
|||
|
|
|
|||
|
|
这是你的嵌套网格
|
|||
|
|
|
|||
|
|
\`
|
|||
|
|
|
|||
|
|
### 将元素设置为网格
|
|||
|
|
|
|||
|
|
之后，调整以下CSS属性： \`.gridElement { / \*这给你一个网格\* / 显示：网格; }
|
|||
|
|
|
|||
|
|
.nestedGridElement { / \*这给你一个NESTED网格\* / 显示：网格; }\`
|
|||
|
|
|
|||
|
|
### 附加信息
|
|||
|
|
|
|||
|
|
之后，您可以随意自定义您的网格。 即`grid-template-columns: auto 1fr;`可能在嵌套网格中看起来不错。
|