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

分享到:

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

1.竖直均分+水平居中

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

多选操作

2.水平均分+垂直居中

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

多选操作

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

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

多选操作

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

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

多选操作

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


本文为凡科微传单原创文章,转载请标明出处:https://cd.fkw.com/news/5174
相关模板推荐
  • 电商风情人节促销活动
    ¥49
  • 电商风母亲节营销电商零售促销活动
    ¥49
  • 剪纸风母亲节营销活动宣传
    ¥49
  • 3D风51劳动节家装节家居百货商品零售促销宣传营销
    ¥49
  • 3D风篮球比赛活动宣传
    ¥49
  • 五一促销活动
    免费
  • 五一劳动节产品促销宣传
    免费
  • 谷雨节气宣传
    免费
  • 走马灯x插画风感恩母亲节邀请函
    ¥49
  • 快闪×五一大型商场活动宣传
    ¥49