《微信小程序开发入门精要》——第2章，第2.5节水平排列对齐方式

本节书摘来自异步社区《微信小程序开发入门精要》一书中的第2章，第2.5节水平排列对齐方式，作者 李宁，更多章节内容可以访问云栖社区“异步社区”公众号查看

2.5 水平排列对齐方式
前文所述的水平排列都是从左侧开始排列的，这是默认的对齐方式：左对齐。这种对齐方式是默认的，或在style属性中加入justify-content: flex-start，代码如下：

 view 

 view /view 

 view /view 

 view /view 

 /view 

除了左对齐，还有右对齐和中心对齐，只需要将justify-content的值改成flex-end或center，即可实现右对齐或中心对齐的效果。右对齐的布局代码如下：

 view 

 view /view 

 view /view 

 view /view 

 /view 

右对齐的效果如图2-7所示。

▲图2-7 右对齐

中心对齐的代码布局代码如下：

 view 

 view /view 

 view /view 

 view /view 

 /view 

中心对齐的效果如图2-8所示。

▲图2-8 中心对齐

智慧校园源码,智慧学校源码+微信小程序+人脸电子班牌 JAVA开发 技术开发环境：Java+springboot+vue+element-ui+mysql 用的是最新的技术栈，完全满足开发要求。 它是一款集智慧教学、智慧教务、智慧校务于一体的校园管理平台
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区，也是国内领先的IT专业图书社区，致力于优质学习内容的出版和分享，实现了纸书电子书的同步上架，于2015年8月上线运营。公众号【异步图书】，每日赠送异步新书。