css 网格布局
- gridCSS3
- grid 是一个CSS简写属性,可以用来设置以下属性:显式网格属性 grid-template-rows、grid-template-columns 和 grid-template-areas,隐式网格属性 grid-auto-rows、grid-auto-columns 和 grid-auto-flow,间距属性 grid-column-gap 和 grid-row-gap。
- grid-rowCSS3
- grid-row 属性是一种 grid-row-start 和 grid-row-end 的缩写(shorthand)形式,它定义了网格单元与网格行(row)相关的尺寸和位置,可以通过在网格布局中的基线(line),跨度(span),或者什么也不做(自动),从而指定 grid area 的行起始与行结束。
- grid-row-startCSS3
- grid-row-start CSS属性指定网格项在网格行中的起始位置,方法是为网格项的网格位置提供一条线、一个跨距或无任何内容(自动),从而指定网格区域的内联起始边缘。
- grid-row-endCSS3
- grid-row-end CSS属性指定网格项在网格行中的结束位置,方法是为网格项的网格位置提供一条线、一个跨距或无任何内容(自动),从而指定网格区域的内联结束边缘。
- grid-columnCSS3
- grid-column CSS属性是网格列开始和网格列结束的速记属性,它通过为网格的放置提供一条线、一个跨距或无任何内容(自动)来指定网格项在网格列中的大小和位置,从而指定其网格区域的内联开始和内联结束边缘。
- grid-column-startCSS3
- grid-column-start CSS属性指定网格项在网格列中的起始位置,方法是为网格项的网格位置添加一行、一个跨距或无任何内容(自动)。此起始位置定义栅格区域的块起始边。
- grid-column-endCSS3
- grid-column-end CSS属性指定网格项在网格列中的结束位置,方法是为网格项的网格位置提供一条线、一个跨距或无任何内容(自动),从而指定网格区域的块结束边缘。
- grid-areaCSS3
- CSS 属性 grid-area 是一种对于 grid-row-start、grid-column-start、grid-row-end 和 grid-column-end 的简写,通过基线(line),跨度(span)或没有(自动)的网格放置在 grid row 中指定一个网格项的大小和位置,继而确定 grid area 的边界。
- grid-auto-columnsCSS3
- CSS 属性 grid-auto-columns 指定了隐式创建的网格纵向轨道(track)的宽度。如果一个表格项目被定位在没有使用 grid-template-columns 显式指定尺寸的列中,隐式的 grid 轨道就会被创建出来支撑它。显式地定位到超出范围的列中,或者通过自动布局算法创建额外的列,就会发生上诉情况。
- grid-auto-flowCSS3
- grid-auto-flow 属性控制着自动布局算法怎样运作,精确指定在网格中被自动布局的元素怎样排列。
- gapCSS3
- gap 属性是用来设置网格行与列之间的间隙(gutters),该属性是row-gap and column-gap的简写形式。
- row-gapCSS3
- row-gap 该 CSS 属性用来设置行元素之间的间隙(gutter) 大小。