wxss的学习记录

1.flex属性小记

（1）小程序最主要的布局是通过flex来进行的，flex是flexible box的缩写，意思为弹性布局。块级元素的特性也就没了弹性布局是最总要的两个概念是，flex container(弹性容器) 和flex item(弹性容器下的子元素)。元素指定display:flex，就是一个弹性布局了。
（2) flex-direction控制子元素的排列方向,默认是row，纵向排列使用column。横向颠倒排序是row-reverse，纵向颠倒排序是column-reverse
(3) justify-content属性对齐方向，flex-start居左对齐、居上对齐，flex-end居you对齐、居下对齐
space-between实现的平均分布，space-around等距分布，justify-content: center居中对齐
（4）对于主轴和交叉轴的概念，当flex-direction:column的是主轴就是垂直方向，当flex-direction:row的时候主轴就是水平方向，相对杨的另一个方向则是交叉轴。
justify-content指的是主轴上的对齐方式，align-items指的是交叉轴上的对齐方式。
当flex-direction为颠倒排序的时候比如column-reverse或者row-reverse，主轴依然和个column和row对应，只是start和end颠倒了。

container{
  display: flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
}