截面面积

div 块概述 — 网站建设中最基本和用途最广泛的元素。

分区是网站构建中使用的基本且可适应的单元。按钮、包装器和段都是具有特定附加功能的分区。在某种程度上,分区可以采用您想要的任何形状。例如,分区可以用作间隔符或分隔符,但它们最常见的用途是将其他组件组合在一起。它在 HTML document 中划定分区。

通过本教程,您将了解如何:

  1. 整合部分区域
  2. 将分区区域转换为链接区域
  3. 使用截面区域建立组件之间的间隙

整合部分区域

您可以从“插入”面板向 Webflow 网站添加一个分区。随后,您可以在分区内合并其他元素,例如标题、描述和号召性用语按钮。通过添加分区并将这三个元素拖入其中,可以对它们进行集体修改和管理。将分区的宽度调整为 50% 也会将里面的内容调整为 50%。

将元素嵌套在部分区域内后,其大小将根据嵌入的内容自动调整。将部分区域与中心对齐也会使其内容对齐。

将分区区域转换为链接区域

您可以将部分区域转换为链接区域,以便将其(以及其中包含的内容)超链接到其他目标。如果您在对内容进行分组时无意中使用了部分区域而不是链接区域,这将非常有用。

要将部分区域转换为链接区域,请确保部分区域内没有链接元素,然后右键单击部分区域并选择 转换为链接区域.

使用截面区域建立组件之间的间隙

您可以利用分区在其他组件之间生成空白空间(并指定固定高度或宽度以重新定位其他内容)。然而,这种技术并不是创建空间的最佳方法,而且随着时间的推移,监控起来可能很困难。作为基本准则,最好使用边距或填充在组件之间创建空间,并且仅在绝对必要时才使用分区。

麦宜云
Ewan Mak 的最新帖子 (查看全部)