CSS3 样式grid-column-start: 2;
做什么?
请尝试从以下方面回答:
• 生成 2 列网格
• 在第二列上创建网格项
• 从第二列开始网格项
• 创建 2×2 网格
它通过引用特定的网格线来确定网格项在网格中的位置。网格列开始/网格行开始是项目开始的行,网格列结束/网格行结束是项目结束的行。
对于您的情况,假设以下 css 属性
.item-a{
grid-column-start: 2;
grid-column-end: five;
grid-row-start: row1-start
grid-row-end: 3
}
输出将为 查看此图像
- 从第二列开始网格项