- 相关内容
- 图层组
- 时间线编辑器
- 图层样式
- 图层动画
行和列类似于HTML表格。可以在模块的顶部,中间或底部放置一行。然后,您可以选择每行应具有的列数。然后类似于图层组,您的图层可以添加到列中。
自动模块高度调整
当文本放在行和列中时,模块将始终动态调整其高度,以确保整个内容始终可见。这对于包含大量文本的模块特别有用。
要添加图层组,请从主图层菜单中选择它
![[Slider Revolution 6]与“行和列”对称地放置内容。 [Slider Revolution 6]与“行和列”对称地放置内容。](https://aladd.net//wp-content/uploads/2020/05/add-row-1.jpg)
然后,该行及其默认的3列将出现在模块顶部。
![[Slider Revolution 6]与“行和列”对称地放置内容。 [Slider Revolution 6]与“行和列”对称地放置内容。](https://aladd.net//wp-content/uploads/2020/05/row-added-to-stage-1.jpg)
接下来,设置“行”对齐方式,其“列”以及“列”应折叠在哪个“ 设备视口 ”上。
1.列预设
选择列公式预设。
2.列公式
或输入应如何手动设置列(分数应始终合计为1)。
3.在
选择“ 设备视口 ”处中断,这些列应折叠为一个列。
4.行位置
选择是否将行与模块的顶部,中间或底部对齐(类似于HTML valign)。
![[Slider Revolution 6]与“行和列”对称地放置内容。 [Slider Revolution 6]与“行和列”对称地放置内容。](https://aladd.net//wp-content/uploads/2020/05/row-settings-1.jpg)
然后选择每个单独的列以激活“列设置”部分,在此可以设置其对齐方式。
![[Slider Revolution 6]与“行和列”对称地放置内容。 [Slider Revolution 6]与“行和列”对称地放置内容。](https://aladd.net//wp-content/uploads/2020/05/columns-settings-1.jpg)
1.垂直对齐
选择是否将列的内容对齐到列的顶部,中间或底部(类似于 HTML valign)。
2.文本对齐
设置文本在列中的对齐方式。
![[Slider Revolution 6]与“行和列”对称地放置内容。 [Slider Revolution 6]与“行和列”对称地放置内容。](https://aladd.net//wp-content/uploads/2020/05/column-alignment-1.jpg)
然后为列设置可选的背景,并调整列的边距和填充。
![[Slider Revolution 6]与“行和列”对称地放置内容。 [Slider Revolution 6]与“行和列”对称地放置内容。](https://aladd.net//wp-content/uploads/2020/05/column-spacings-1.jpg)
![[Slider Revolution 6]与“行和列”对称地放置内容。 [Slider Revolution 6]与“行和列”对称地放置内容。](https://aladd.net//wp-content/uploads/2020/05/columns-spacgins-1.jpg)
接下来,用鼠标将“图层”拖动到“列”中
![[Slider Revolution 6]与“行和列”对称地放置内容。 [Slider Revolution 6]与“行和列”对称地放置内容。](https://aladd.net//wp-content/uploads/2020/05/add-layer-to-column-1-1.jpg)
![[Slider Revolution 6]与“行和列”对称地放置内容。 [Slider Revolution 6]与“行和列”对称地放置内容。](https://aladd.net//wp-content/uploads/2020/05/layer-inside-column-1.jpg)
然后,在幻灯片的时间轴编辑器中表示行,列和图层,其中每个可以有自己的单独动画。
![[Slider Revolution 6]与“行和列”对称地放置内容。 [Slider Revolution 6]与“行和列”对称地放置内容。](https://aladd.net//wp-content/uploads/2020/05/timeline-rows-columns-1.jpg)