回到所有的课程
课程库

使用列来水平地并排放置和组织内容。在Webflow中,您可以添加列,更改它们的布局,并创建响应式布局。

这个视频展示了一个旧的用户界面。更新版本即将到来!

列帮助您并排放置和组织内容。每个列元素由单行列组成。

添加列

拖一个元素的元素面板然后放到你的页面上。

Webflow列

选择布局

默认情况下,当您删除columns元素时,将得到两列。

列设置,你可以选择一个布局选项,你会在画布上看到布局的变化。在这里,您可以选择所需的列数及其比例宽度。

这也反映在下面列设置定制

列设置

你也可以在下面手动调整大小定制.这些数字显示了比例,它们加起来总是12。所以,你可以按照你想要的方式定制布局。

添加内容

直接在列中拖放新的或现有的内容。

默认情况下,列有10px填充在左边和右边,但你可以在样式面板中调整。一旦在一列上完成了上述操作,就可以双击并重命名该类,以便在其他列中重用它。

选择下一列并再次应用该类。当你这样做的时候,你可以看到填充更新。如果您在编辑相同的类时再次更改填充,它将更新使用该类的所有列。

更改您的列布局

你可以随时去元素设置并进行任何更改以调整列的大小,甚至添加或删除列。您还可以通过选择元素并按enter键来访问列设置。

使列具有响应性

您还可以更改列在下面的各种断点上的显示方式元素设置→列选项

列选项

该选项允许您自定义列布局,以便它能够更适应不同的屏幕。

尝试Webflow-是免费的
Baidu
map