网格行 / 网格列 | CSS-Tricks

CSS 年鉴 → 属性 → G → 网格行 / 网格列

Dennis Gaebel 于 2022 年 10 月 18 日

grid-row 和 grid-column 属性定义元素将显示在哪个行或列上。

.element {
  grid-row: 1 / 2;
  grid-column: 3 / -1;
}

这是一个显式的 3 × 3 网格，其中这些属性用于将网格项目放置在网格上的特定位置

此浏览器支持数据来自 Caniuse，其中包含更多详细信息。数字表示浏览器从该版本起支持该功能。

Chrome	Firefox	IE	Edge	Safari
57	52	11*	16	10.1

Android Chrome	Android Firefox	Android	iOS Safari
127	127	127	10.3

年鉴于 2022 年 9 月 22 日

年鉴于 2022 年 8 月 12 日

年鉴于 2022 年 7 月 15 日

年鉴于 2022 年 10 月 18 日

年鉴于 2022 年 10 月 4 日

年鉴于 2022 年 10 月 4 日

年鉴于 2021 年 8 月 30 日