分区是网站构建中使用的基本且可适应的单元。按钮、包装器和段都是具有特定附加功能的分区。在某种程度上,分区可以采用您想要的任何形状。例如,分区可以用作间隔符或分隔符,但它们最常见的用途是将其他组件组合在一起。它在 HTML document 中划定分区。
通过本教程,您将了解如何:
- 整合部分区域
- 将分区区域转换为链接区域
- 使用截面区域建立组件之间的间隙
整合部分区域
您可以从“插入”面板向 Webflow 网站添加一个分区。随后,您可以在分区内合并其他元素,例如标题、描述和号召性用语按钮。通过添加分区并将这三个元素拖入其中,可以对它们进行集体修改和管理。将分区的宽度调整为 50% 也会将里面的内容调整为 50%。
将元素嵌套在部分区域内后,其大小将根据嵌入的内容自动调整。将部分区域与中心对齐也会使其内容对齐。
将分区区域转换为链接区域
您可以将部分区域转换为链接区域,以便将其(以及其中包含的内容)超链接到其他目标。如果您在对内容进行分组时无意中使用了部分区域而不是链接区域,这将非常有用。
要将部分区域转换为链接区域,请确保部分区域内没有链接元素,然后右键单击部分区域并选择 转换为链接区域.
使用截面区域建立组件之间的间隙
您可以利用分区在其他组件之间生成空白空间(并指定固定高度或宽度以重新定位其他内容)。然而,这种技术并不是创建空间的最佳方法,而且随着时间的推移,监控起来可能很困难。作为基本准则,最好使用边距或填充在组件之间创建空间,并且仅在绝对必要时才使用分区。
Ewan Mak 的最新帖子 (查看全部)
- 包括或删除工作区位置和成员 - 2024 年 4 月 15 日
- 定心盒摘要 - 2024 年 4 月 15 日
- 存储网站以供将来参考 - 2024 年 4 月 15 日