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

分享到:

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

1.竖直均分+水平居中

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

多选操作

2.水平均分+垂直居中

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

多选操作

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

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

多选操作

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

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

多选操作

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


本文为凡科微传单原创文章,转载请标明出处:https://cd.fkw.com/news/5174
相关模板推荐
  • 快闪×钓鱼渔具店加盟宣传
    ¥29
  • 私人影院开业私家电影院促销活动电影开幕新片
    免费
  • 法律咨询法律顾问律师事务所宣传
    免费
  • 快闪×唯美中国风高端手工旗袍私人定制
    免费
  • 走马灯×卡通关爱留守儿童活动志愿者招募
    ¥29
  • 企业宣传
    免费
  • 七夕餐厅优惠活动
    免费
  • 七夕小美好表白相册
    免费
  • 文艺风企业招聘
    ¥29
  • 走马灯×浪漫七夕情人节表白
    ¥49