Flex布局

<div class="box"></div>

先来一个包含小块的盒子

.box{

　　//设置盒子属性

　　display: box;
　　display: -webkit-box;
　　display: -moz-box;
　　display: -ms-flexbox;
　　display: -webkit-flex;
　　display: flex;

　　//内含块的排列方式

　　justify-content:space-between;
　　-webkit-justify-content: space-between;
　　-moz-justify-content: space-between;
　　-ms-justify-content: space-between;
　　-o-justify-content: space-between;
　　justify-content: space-between;

　　

　　//内含块换行

　　flex-wrap:wrap;

}