接上次视图容器组建详解（一）与（二），我们今天把最后两个组件样式说明一下，顺便贴出一些相关的属性内容。
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 | 弹性项目位于容器基线上 |
微信小程序开发三大需要明确的合作陷阱
在寻求与微信小程序第三方开发公司合作的时候，企业商家可能会有遇到非正规开发公司的可能，这些公司开出的合作
关于电商小程序的变现方式分析
很多人都以为小程序在电商行业中的应用会给电商商家带来很强的获取流量而盈利的作用，但是这只是主观想法，必须要
开发微信小程序分销商城能否持续发展
企业选择开发一种新的产品，首先要考虑的就是它的发展前景，对电子产品的开发也是如此
小程序在未来的应用场景可以有哪些？
现在的微信小程序应用场景除了线上之外，更多的是线下的。不过由于现在仍处于发展的初级阶段，所以不是每个行业都能在小程序开发的服务范围之内，一些仍未涉及到的行业还有待开发。这些有待开发的行业与应用场景，就是我们今天这篇文章要说的中心点。
企业在开发微信小程序之前，要如何做需求分析
每个企业，在确定开发微信小程序之前，都必须要做好需求分析，将精准的开发需求文档交付到开发者
广州企业开发微信小程序后有什么优势？
小程序开发可谓是现下的一股时尚热潮，不仅是因为小程序的新兴与潮流
