将元素封闭在容器或锚块中

在 Webflow 中制作网站时，您可能会考虑将元素封装在容器或锚块等包含元素中，以便更方便地自定义其外观。现在，您可以选择快速将元素封装在容器或锚块中，从而减少点击次数并提高设计流程的效率。 

在本教程中，您将了解： 

1. 将元素封闭在容器块中的过程
2. 将元素封闭在锚块中的过程
3. 将元素封装在 H Flex 或 V Flex 组件中的过程
4. 如何取消封闭元素

请注意： 您可以使用这些技术封装任何元素，甚至是链接到 CMS 的元素。请记住，您还可以封装组件内的单个组件实例和元素（不包括主组件）。

如何将元素包含在容器块中

容器块是网页设计中基本且用途广泛的元素。它们有多种用途，例如创建空间或充当分隔符，但主要用来对元素进行分组。 

将元素放入容器中： 

1. 选择您想要包含在设计器画布上的元素
2. 按 命令 + 选项 + G （在 Mac 上）或 控制 + Alt + G （在 Windows 上）

将元素包含在容器中的另一种方法是通过画布菜单： 

1. 在设计器画布上右键单击要包含的元素
2. 将鼠标悬停在 包裹
3. 点击 容器块

一旦元素被包围，新的容器（即容器块）将在导航器面板中被自动选择并展开。

‍重要提示： 将元素放入容器块后，你可以按 命令 + 进入 （在 Mac 上）或 控制 + 进入 （在 Windows 上）添加一个类。

如何将元素包含在锚块中

锚块在结构和布局方面的作用与容器块类似，但锚块的内部转换为超链接。 

将元素包含在锚块中： 

1. 在设计器画布上选择要包含的元素
2. 按 命令 + 选项 + A （在 Mac 上）或 控制 + Alt + A （在 Windows 上） 

要通过画布菜单将元素包含在锚块中： 

1. 在设计器画布上右键单击要包含的元素 
2. 将鼠标悬停在 包裹
3. 点击 锚块 

一旦封闭，新的容器（即锚块）将在导航器面板中自动选择并展开。

专家提示： 您可以按 命令 + 进入 （在 Mac 上）或 控制 + 进入 （在 Windows 上）将元素括在锚块中后应用一个类。

如何将元素包含在 H Flex 或 V Flex 组件中

要将元素包裹在 H Flex 组件中： 

1. 选择您想要包含在设计器画布上的元素
2. 按 命令 + H （在 Mac 上）或 控制 + H （在 Windows 上） 

要将元素包裹在 V Flex 组件中： 

1. 选择您想要包含在设计器画布上的元素
2. 按 命令 + G （在 Mac 上）或 控制 + G （在 Windows 上） 

要通过画布菜单将元素包含在 H Flex 或 V Flex 组件中： 

1. 右键单击设计器画布上想要包含的元素 
2. 将鼠标悬停在 包裹
3. 选择 柔性 或者 垂直弯曲

如何取消封闭元素

您还可以选择将元素从包含元素的父元素中解开（例如容器、部分、锚块等）。解开时，子元素将保留其当前位置。

要将元素从其父容器中分离出来：

1. 选择要删除的父容器
2. 按 命令 + 转移 + G （在 Mac 上）或 控制 + 转移 + G （在 Windows 上）

笔记： 如果子元素需要父容器存在于画布上（例如，表单输入字段、列表项等），则无法取消封闭子元素。