不同的块中内置了各种尺寸控件,以帮助您实现对布局和设计的更大自定义,尤其是在组合时。这些控件以各种方式影响块的尺寸,包括块组如何彼此并排放置。
如何找到维度控件 #
您可以在标签“尺寸”下的块设置侧栏中找到这些控件。以下是来自不同区块的一些示例:
一旦您能够看到“维度”部分,您就可以使用 + 按钮浏览当前未列出的任何其他维度控件。值得注意的是,您是否可以看到这些控件,取决于它们是否已被明确支持。您可以在此处查看每个块支持的技术细节以及默认选项。
如何重置控件
如果您对维度控件进行自定义但想要快速恢复到原始设置,您可以通过选择维度部分中的三点菜单 > 全部重置来轻松完成此操作。这将删除您的所有更改。
控件类型 #
每个块都带有不同的尺寸控件。以下是当前控件类型及其功能的列表。
填充
此设置会影响块的内容与其边框之间的空间。您可以在 Cover 块等块中找到此选项。您可以为所有边设置填充,也可以通过为每一边配置值来更精细地设置填充。要为每一边更精细地设置填充,请按照下列步骤操作:
- 选择支持您要自定义的填充的块。
- 打开块设置侧边栏并前往尺寸部分。
- 在填充下,选择链接图标。
- 从那里,为块内内容的每一侧设置特定的填充值。
利润
此设置会影响 块周围的空间。您可以在 Columns 块等块中找到此选项。您可以一致地设置边距,也可以通过为顶部和底部边距配置单独的值来更精细地设置边距。要更精细地设置边距,请执行以下步骤:
- 选择支持您要自定义的边距的块。
- 打开块设置侧边栏并前往尺寸部分。
- 在边距下,选择链接图标。
- 从那里,为块周围的空间设置顶部和底部的特定边距值。
要恢复两者的一致值,只需再次选择链接选项,您就会看到为两者设置值的选项。
块间距
此设置会影响嵌套块之间的空间。您可以在按钮块或组块等块中找到此选项。对于更大的上下文,这意味着如果您为整个 Buttons 块设置块间距,您可以更改父块内嵌套按钮块的间距。在此设置中,您可以选择使用不同的值设置块间距:PX、%、EM、REM、VW、VH。
最小高度
此设置使您能够设置块的最小高度。您可以在 Cover 块中找到此选项。在此设置中,您可以选择使用不同的值设置高度:PX、%、EM、REM、VW、VH。
示威 #
以下是使用 Post Featured Image 块操作的各种控件的演示。
以下是使用填充维度控件以及如何设置粒度值和返回一致值的演示。
下面是一个演示,显示了父 Buttons 块的块间距选项和嵌套 Button 块可用的填充选项。