跳到主要内容

对齐

搭建模板的时候,难免会碰到节点难以对齐的强迫症暴躁时刻,你可以使用对齐工具,辅助优化排版布局,提升模板的美观度。

操作步骤

1、多选需要进行对齐操作的节点。

多选:Ctrl+鼠标左键点选/框选(windows)/ ⌘+鼠标左键点选/框选(Mac)

2、鼠标悬浮至顶部工具栏的「对齐」图标,即会出现下拉框。
3、根据实际需求,点选对应的操作即可,包括:左对齐、右对齐、左右居中对齐、顶对齐、底对齐、上下居中对齐、水平平均分布、垂直平均分布。

左对齐

以所选节点区域的最左侧为轴线,向左对齐所有被选中节点左侧边缘。左对齐.gif

右对齐

以所选节点区域的最右侧为轴线,向右对齐所有被选中节点右侧边缘。右对齐.gif

左右居中对齐

以所选节点区域的左右中线为轴线,向中间对齐所有被选中节点左右中线。左右居中对齐.gif

顶对齐

以所选节点区域的最顶部为轴线,向上对齐所有被选中节点顶部边缘。顶对齐.gif

底对齐

以所选节点区域的最底部为轴线,向下对齐所有被选中节点底部边缘。底对齐.gif

上下居中对齐

以所选节点区域的上下中线为轴线,向中间对齐所有被选中节点上下中线。上下居中对齐.gif

水平分布

以所选节点区域的最左、右两侧为边缘线,平均分布所有节点的水平间距。水平分布.gif

垂直分布

以所选节点区域的最顶、底两侧为边缘线,平均分布所有节点的垂直间距。垂直分布.gif

小贴士

配合「[一键排版](https://xuelangyun.yuque.com/docs/share/a43bcf16-8321-4130-b37e-df70d7bb6a93?# 《一键排版》)」、「动态测距与对齐」,布局三剑客能极大提升你的排版体验。