CSS3样式grid-column-start是什么:2;呢?

时间:2017-01-23 07:11:03

标签: css3 grid-layout col

CSS3样式grid-column-start: 2;做了什么?

请尝试回答以下问题:

•生成包含2列的网格

•在第二列

上创建网格项

•从第二列开始网格项

•创建2×2网格

1 个答案:

答案 0 :(得分:0)

通过引用特定的网格线来确定网格中网格项的位置。 grid-column-start / grid-row-start 是项目开始的行, grid-column-end / grid-row-end 是其中的行项目结束。

对于您的情况,假设遵循css属性

.item-a{ grid-column-start: 2; grid-column-end: five; grid-row-start: row1-start grid-row-end: 3 }

输出为See this image

  • 从第二列开始网格项