Greenshift 有不同类型的块，其中一些是为了解决特定任务而设计的，其中一些是核心块。在本文章中，我们将讨论将用于构建内容的布局组件。
行块(row)和区域块(section)
行块是用于制作自定义页面的中心块。该块允许您将内容区域居中，同时拥有背景和列设置选项。
单击添加行后，您将看到列选择器和一些快速工具栏选项。要在页面上添加行块，您需要单击列数。
行有变体“区域”(section)。它与全宽行一列相同
Row 有包装器和内部内容区域，两者可以有不同的宽度。如果您使用更好的集成主题之一，则内容宽度将自动继承。在这种情况下，内容区域宽度将由主题宽度控制。
如果您使用 Greenshift 主题，内容区域宽度将在站点编辑器 – 样式编辑器 – 布局中控制。在学习中心查看视频。您很可能应该保留默认值
在检查器中，您会发现其他几个重要选项：列间隙大小设置、列预设选择器、对齐、高度。
在大多数情况下，您将使用预设和列间隙来控制内列的宽度。但如果您想自定义宽度，可以尝试Greenshift的可视化编辑器。它有两种模式：链接列（当列的总宽度为100％时）和非链接（当每列的宽度不受限制时）
容器块
容器块类似于组块。当您想要在另一个块或一组块周围添加某种包装器时，您可以选择容器块。例如，假设您想在文本周围绘制一个圆形。您可以通过单击块（或块组），将它们转换为容器（这会将它们包装在容器内），然后使用灵活对齐和其他选项来完成此操作。
很多用户都犯了一个常见的错误——他们使用 Container 作为 Section 块，行块必须是页面上的最父块，该容器用于对其他块进行分组。
弹性布局选项
列块（行块的一部分）和容器块具有特殊的弹性布局选项，您可以使用它来控制内部块的对齐。您可以从检查器部分和工具栏执行此操作。
您还可以在单击子项目时移动它们（您将在工具栏中看到箭头）。
CSS 网格
CSS 网格是构建内容的另一种方式。有些人可能想使用 CSS 网格代替行块，因为它更灵活。当你需要构建等高块或复杂的网格结构时，我建议使用 CSS 网格。对于常规列，最好使用 行块(Row)。
CSS 网格还有一些独特的功能——重置大小 和 网格布局。Resizer 可以帮助您自定义项目的宽度和间隙。网格构建器可以帮助构建复杂的结构。CSS 网格相对于 Row 和 Flexbox 的一大好处是你可以使用重叠网格单元
全宽内容的问题
许多用户对全宽有疑问。这是因为您在 Greenshift 中设置了宽度，但也有在主题和其他插件中设置的容器宽度。我的建议是，如果你遇到这样的问题，请使用 Row。即使您需要 CSS 网格，将网格放置在完全对齐行内也可以帮助克服主题的容器限制。
