接上次视图容器组建详解（一）与（二），我们今天把最后两个组件样式说明一下，顺便贴出一些相关的属性内容。
1、视图样式justify-content: center
效果图：
WXML代码如下：
<view class="flex-wrp justify-content-center">
<view style="background: red"></view>
<view style="background: green"></view>
<view style="background: blue"></view>
</view>
WXSS代码如下：
.justify-content-center{
flex-direction:row;
justify-content: center;
}
.flex-wrp{
height: 100px;
display:flex;
background-color: #FFFFFF;
}
.flex-item{
width: 100px;
height: 100px;
}
.red{
background: red;
}
.green{
background: green;
}
.blue{
background: blue;
}
2、视图样式justify-content: space-between
效果图：
WXML代码如下：
<view class="flex-wrp space-between">
<view style="background: red"></view>
<view style="background: green"></view>
<view style="background: blue"></view>
</view>
WXSS代码如下：
.space-between{
flex-direction:row;
justify-content: space-between;
}
.flex-wrp{
height: 100px;
display:flex;
background-color: #FFFFFF;
}
.flex-item{
width: 100px;
height: 100px;
}
.red{
background: red;
}
.green{
background: green;
}
.blue{
background: blue;
}
主要的属性：
排列方式（flex-direction），用于wxss要属性：
属性 | 描述 |
row | 横向排列 |
column | 纵向排列 |
弹性项目内容对其（justify-content），用于wxss
属性 | 描述 |
flex-start | 弹性项目向行头紧挨着填充 |
flex-end | 弹性项目向行尾紧挨着填充 |
center | 弹性项目居中紧挨着填充 |
space-between | 弹性项目平均分布在该行上 |
space-around | 弹性项目平均分布在该行上，两边留一半的间隔空间 |
项目在容器内侧轴方位的对齐方式（align-items），用于wxss
属性 | 描述 |
stretch | 默认值，弹性项目被拉伸以适应容器 |
center | 弹性项目位于容器中心 |
flex-start | 弹性项目位于容器开头 |
flex-end | 弹性项目位于容器结尾 |
baseline | 弹性项目位于容器基线上 |
微信小程序开发基础知识说明
微信小程序开发之前，需要申请注册一个小程序账号，并下载开发工具；而在开发完成之后，则需要对开发效果进行测试
微信小程序开发三大需要明确的合作陷阱
在寻求与微信小程序第三方开发公司合作的时候，企业商家可能会有遇到非正规开发公司的可能，这些公司开出的合作
什么叫微信小程序？广州小程序开发公司告诉你
微信小程序就是一种微信版本的轻应用，是相较于微信公众号来说一种不同的
微信小程序开发，参数取值方法介绍
一个微信小程序开发项目，在整个开发流程中，必要用到的就是参数取值，一般来说，常见的参数取值有列表index下标取值与form表单取值
微信小程序能给用户带来什么使用价值及意义？
用户之所以使用微信小程序，很大程度都是因为小程序能给用户带来方便，让生活通过小程序而更加便捷。所以，小程序之于用户来说的使用价值与意义，我们可以从它带来的便利性
广州微信小程序公司为什么要不断开发新功能
微信事业群选择将小程序以低调上线的状态呈现在用户面前，而现在却选择截然不同的方式，这个中缘由，到底是什么
