尺寸控制概述

不同的块中内置了各种尺寸控件,以帮助您实现对布局和设计的更大自定义,尤其是在组合时。这些控件以各种方式影响块的尺寸,包括块组如何彼此并排放置。

如何找到维度控件 #

您可以在标签“尺寸”下的块设置侧栏中找到这些控件。以下是来自不同区块的一些示例:

显示帖子标题块控件的图像。

一旦您能够看到“维度”部分,您就可以使用 + 按钮浏览当前未列出的任何其他维度控件。值得注意的是,您是否可以看到这些控件,取决于它们是否已被明确支持。您可以在此处查看每个块支持的技术细节以及默认选项

如何重置控件

如果您对维度控件进行自定义但想要快速恢复到原始设置,您可以通过选择维度部分中的三点菜单 > 全部重置来轻松完成此操作。这将删除您的所有更改。

尺寸控制面板中的“全部重置”按钮的图像。

顶部↑

控件类型 #

每个块都带有不同的尺寸控件。以下是当前控件类型及其功能的列表。

填充

此设置会影响块的内容与其边框之间的空间。您可以在 Cover 块等块中找到此选项。您可以为所有边设置填充,也可以通过为每一边配置值来更精细地设置填充。要为每一边更精细地设置填充,请按照下列步骤操作:

  1. 选择支持您要自定义的填充的块。
  2. 打开块设置侧边栏并前往尺寸部分。
  3. 在填充下,选择链接图标。
  4. 从那里,为块内内容的每一侧设置特定的填充值。
填充尺寸控件的图像,红色箭头指向允许您设置单个填充值的选项。
在选择添加单个填充值的选项之前

利润

此设置会影响 块周围的空间。您可以在 Columns 块等块中找到此选项。您可以一致地设置边距,也可以通过为顶部和底部边距配置单独的值来更精细地设置边距。要更精细地设置边距,请执行以下步骤:

  1. 选择支持您要自定义的边距的块。
  2. 打开块设置侧边栏并前往尺寸部分。
  3. 在边距下,选择链接图标。
  4. 从那里,为块周围的空间设置顶部和底部的特定边距值。
边距尺寸控件的图像,红色箭头指向允许您设置单个边距值的选项。

要恢复两者的一致值,只需再次选择链接选项,您就会看到为两者设置值的选项。

块间​​距

此设置会影响嵌套块之间的空间。您可以在按钮块或组块等块中找到此选项。对于更大的上下文,这意味着如果您为整个 Buttons 块设置块间距,您可以更改父块内嵌套按钮块的间距。在此设置中,您可以选择使用不同的值设置块间距:PX、%、EM、REM、VW、VH。

显示各种块间距选项的图像。

最小高度

此设置使您能够设置块的最小高度。您可以在 Cover 块中找到此选项。在此设置中,您可以选择使用不同的值设置高度:PX、%、EM、REM、VW、VH。

显示各种最小高度选项的图像。

顶部↑

示威 #

以下是使用 Post Featured Image 块操作的各种控件的演示。

以下是使用填充维度控件以及如何设置粒度值和返回一致值的演示。

下面是一个演示,显示了父 Buttons 块的块间距选项和嵌套 Button 块可用的填充选项。

Powered by BetterDocs

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top