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;`可能在嵌套网格中看起来不错。
|