网格

网格用于协调布局中的负空间。

网格

基本网格。

分隔

网格可以在其列之间包含分隔线。

你也可以使用语义名称来命名列。

垂直分隔

网格可以在行之间包含分隔线。

单元格

网格可以将行划分为单元格。

内部单元格

网格可以在内部行之间包含行分隔线。

行

行是列的水平分组。

列

列包含间距，使它们与其他列之间有相同的间距。

浮动

列可以与行的左侧或右侧边缘对齐。

列宽

列的宽度可以变化，占据超过一个网格列的宽度。

列数

网格可以每行有不同的列数。

等宽

行可以自动调整所有元素的大小，以平均分配可用宽度。

拉伸

行可以自动调整所有元素的大小，以平均分配可用高度。

填充

网格可以保留其第一列和最后一列上的垂直和水平间距。

宽松

网格可以增加其间距以允许更多负空间。

彩色

网格行或列可以是彩色的。

反转

网格可以反转，以便在深色背景下显示分隔线。

居中

网格的列可以居中。

文本对齐

网格、行或列可以指定其文本对齐方式。

垂直对齐

网格、行或列可以指定其垂直对齐方式，以使所有列垂直居中。

容器

容器可以与网格一起使用，以提供一个响应式的固定宽度容器，用于包裹页面的内容。

加倍

网格可以在平板电脑和手机尺寸上将列宽加倍。

可堆叠

网格可以在达到移动端断点后，使其列彼此堆叠。

反转

网格或行可以指定其列在不同设备尺寸下应反转顺序。

网格或行可以指定其列在多个设备尺寸下应反转顺序。

设备可见性

列或行只能在特定设备或屏幕尺寸上显示。

响应式宽度

列可以为特定设备指定宽度。