【问题标题】:What does the CSS3 style grid-column-start: 2; does?CSS3 样式 grid-column-start: 2;做?
【发布时间】:2017-03-06 01:16:42
【问题描述】:

CSS3 样式grid-column-start: 2; 有什么作用?

请尝试从以下方面回答:

• 生成 2 列网格

• 在第二列上创建一个网格项

• 从第二列开始网格项目

• 创建一个 2×2 网格

【问题讨论】:

  • 从第二列开始网格项
  • 我投票决定将此问题作为题外话结束,因为 SO 不是家庭作业回答服务。我们不会为您执行您的工作。如果您有我们可以帮助解决的具体问题,请说明问题所在。在这种情况下,问题似乎是您不知道如何搜索互联网?
  • 你只是想从名字中猜出来吗?

标签: css grid-layout col


【解决方案1】:

它通过参考特定的网格线来确定网格项在网格中的位置。 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

  • 从第二列开始网格项

【讨论】:

    猜你喜欢
    • 2021-06-19
    • 2019-08-08
    • 2022-01-17
    • 1970-01-01
    • 1970-01-01
    • 2018-11-15
    • 1970-01-01
    • 2020-12-01
    • 2019-03-23
    相关资源
    最近更新 更多