使用网格

容器

容器是一个固定宽度元素，用于包裹网站内容。它保持恒定大小并使用边距居中。容器是将页面内容居中到网格中最简单的方法。

文本容器

有时您只需要在页面上放置一列居中的文本。一个 文本容器是一种特殊类型的容器，针对单个流动的文本列进行了优化，例如本页面上的这些说明。

文本容器不需要使用网格，有助于简化基本页面布局。

网格内容

列流动

网格不一定需要指定行。如果您将列作为ui 网格的直接子级，内容将在当前行中的所有网格列都被占用后自动流到下一行。

清除行

添加行包装器允许您手动指定您希望新行开始。

指定行宽度

指定网格列数将把列划分为预定列数的行。额外的列将自动流到下一行。

指定列宽度

您还可以单独为每列指定列宽度。

特殊变体

一些像表格一样格式化网格的特殊变体要求您指定行。例如，分隔网格或单元格网格需要行包装器。

调整网格

居中内容

如果一行没有占用所有十六个网格列，您可以使用 ui 居中网格、居中行或居中列将列内容居中到网格中。

浮动行

由于 Semantic UI 的网格基于 flex box，因此左浮动项目应该排在第一位，而右浮动项目应该排在它所在行中的最后一位。

文本对齐

您可以使用网格、行或列级别的对齐变体指定文本对齐方式。

垂直对齐

您可以指定网格、行或列级别的垂直对齐方式。

等宽列

指定等宽网格将自动确定列大小以均匀地适合一行。

响应式模式

加倍

您可以设置列在每个设备跳跃时加倍宽度。

可堆叠

您可以设置列在移动设备上堆叠。

响应式宽度调整

您可以指定列在不同的屏幕上显示不同的宽度。

指定设备可见性

您可以指定列仅在特定屏幕上显示。