接上次视图容器组建详解（一）与（二），我们今天把最后两个组件样式说明一下，顺便贴出一些相关的属性内容。
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 | 弹性项目位于容器基线上 |
微信小程序能怎么玩——广州开发公司总结玩法集锦
我们总是在跟随潮流，说着微信小程序有多好多好、开发小程序有多新鲜。但其实，很多人都不了解，小程序有什么用
微信小程序开发升级应用，玩转高端多媒体功能！
自从四月份微信官方像开了挂一样地开发小程序之后，它升级应用功能的脚步就再也停不下来，所以现在又带来了两个新的高端功能，让运营者可以轻松玩转多媒体功能
微信小程序开发，线程架构与开发步骤解析
在进入到微信小程序开发阶段之前，首先我们可以通过了解它的线程架构，来分析得出创建一个小程序功能也大概的开发
借力微信小程序开发，为传统行业拓展流量来源
自从电商行业出现以来，传统行业就一直被改革。不过也正是因为电商行业所带来的冲击，才让传统行业不得不去反思自己的发展模式，寻求新的商业模式结合发展。而微信小程序的出现，就被很多传统行业从业人士所看好，因为它的服务场景更广，能发展
微信小程序上亿日活跃用户，开发优势日渐显现
微信小程序上线之前，很多人对它满怀期待，但是线上体验过后，大部分用户又都回归手机应用，因为用户体验并不是多好
已有APP的公司要不要开发对应的微信小程序
虽然小程序是以应用平台作为开发点，拥有着基本的App功能，但是目前看来
