使用指南/创建内容/设计/调整栏目宽度

调整栏目宽度

您可以使用栏目,以结构化的布局排列内容,让站点具有视觉吸引力且易于导航。在本指南中,您将学习如何调整单个栏目的宽度,以及更改整组栏目的宽度。

设置单个栏目的宽度

如果您要为单个栏目设置不同的宽度,请执行以下步骤:

  1. 使用列表视图区块工具栏选择单个栏目。使用列表视图通常更便捷,点击屏幕左上方看起来像三条水平线的图标即可。
  2. 在此处找到单个栏目区块,然后点击它:
区块列表,已选中单个栏目区块。
  1. 在屏幕右侧的栏目区块设置中,找到宽度设置:
宽度选项突出显示,显示比例为 33%。
  1. 您可以在此处设置宽度值。如果单位设置为 px(像素),我们建议改用 %(百分比),这样操作更便捷。常见的栏目宽度配置包括:
    • 两栏等宽(50%、50%)
    • 三栏等宽(33%、33%、33%)
    • 一栏较宽、一栏较窄(66%、33%)
    • 中间一栏较宽,旁边两栏较窄(25%、50%、25%)
  2. 点击“保存”按钮,保存您的更改。

调整整组栏目的宽度

要更改整组栏目的宽度,请执行以下步骤:

  1. 在编辑器的左上角选择列表视图
  2. 在此处找到栏目区块,然后点击它:
区块列表,已选中“栏目”。
  1. 在所选栏目上方或下方出现的工具栏中,选择宽度选项(该选项看起来像一个长方体,其下方有一条水平线):
  1. 从“”、“加宽”或“全宽”中进行选择。仅当您的主题支持宽度设置时,这些选项才会显示。

这些宽度值的大小取决于您的主题。要了解更多信息,请参阅我们关于更改内容宽度的指南。

调整栏目内区块的宽度

使用单个栏目区块布局设置可控制栏目内区块的宽度和位置。

当“内部区块使用内容宽度”选项关闭时,栏目内的区块将填充栏目容器的宽度。

要进一步控制内部区块的宽度,请将“内部区块使用内容宽度”选项切换为开启。然后,您可以使用以下选项指定内部区块的宽度:

  • 内容:区块的内容区域宽度未设置为加宽或全宽。
  • 加宽:区块的内容宽度设置为加宽。

您可以使用“对齐”设置,在栏目中将内部区块左对齐、右对齐或居中对齐。

栏目区块设置。
Copied to clipboard!