H5页面制作工具中的多选操作介绍

为了方便用户制作,一些H5页面制作工具中会有一个多选操作,满足用户同时对多个元素进行对齐、移动、更换颜色等操作。今天,我们主要介绍的是在多选操作中的对齐方式中,利用一个或多个方式来使排版更加匀称。

1.竖直均分+水平居中

竖直均分可以让各个元素之间的水平间距相等,适合垂直分布、上下排列的元素组合,不过不能保证它们在竖直方向上的对称,我们可以在此基础上再使用水平居中的对齐方式,使其在横、竖方向都得到适当的调整。

多选操作

2.水平均分+垂直居中

这种对齐方式的组合原理刚好和上面的相反,它能让水平、左右排列的元素组合之间变得更加整齐协调。

多选操作

3.水平均分+上或下对齐

上或下对齐方式是以元素中较大的元素的上下线作为参考线,让其他元素向其对齐的方式,适合水平分布的元素组合,如果再加上水平均分,就可以调整个元素之间的垂直间距,使组合更加平衡。

多选操作

4.垂直均分+左或右对齐

这种组合方式的原理和第三种刚好相反,它主要是使垂直分布的元素组合向较大元素的左右边靠拢,实现左右对齐。

多选操作

一般,我们都是使用这四种对齐搭配来使页面分布更加合理、均衡的,而且根据一些H5页面制作工具使用经验,建议大家不要轻易对一些大小不一的文字组合元素进行垂直均分或者水平均分,容易造成排版混乱。