网站搭建

学习如何在 Cargo 网站中创建和管理列布局

Cargo 中文网用户福利

我们为中文用户整理了 Cargo 会员折扣购买方案,适合准备订阅或续费 Cargo 的用户。

查看 Cargo 会员优惠

更新于一年前

列是一种灵活而强大的布局(排布)文本和图像的工具。要使用列功能,请将光标放在您希望插入列组的位置,然后点击顶部菜单栏中的“添加”菜单,选择“列”。或者,您也可以先选中部分内容,再添加列,此时所选内容会直接添加到列组的第一列中。

列组基于一个12单位的网格系统:页面的总宽度被划分为12个等宽单位。这些单位随后在列组内的各列中进行分配或组合,形成各列的宽度;同时,在各列之间设置列间距(gutter),以实现更细致的布局控制。

例如:在一个包含三个等宽列的列组中,每个列的宽度都将是四个单位。

要编辑列组的设置,请将鼠标悬停在列组上方,然后点击出现的“列”按钮。在弹出的设置窗口中,您可以修改列的数量或调整列之间的间距。“列”按钮旁的“−”和“+”按钮可用于快速添加或移除列,无需打开设置窗口。

确定了列的数量后,您可以在编辑器内直接调整每个列的宽度。具体操作是:将鼠标悬停在您希望调整宽度的两个列之间的间隔处,然后点击并拖动出现的虚线,即可改变列宽。

要将列的宽度重置为等宽状态,点击列设置窗口中的“重置”链接。

移动端显示

默认情况下,当在移动设备上显示时,所有列组都会折叠成单个垂直排列的列。如果您希望在移动设备上保留与桌面端一致的列排布效果,请先激活移动预览(点击顶部菜单栏的手机图标),然后通过点击蓝色的“列”按钮打开列设置窗口,并取消勾选“垂直堆叠列”选项。