<div class="container container1">
  <div class="flex-item flex-item1">1 1</div>
  <div class="flex-item flex-item2">1 2</div>
  <div class="flex-item flex-item3">1 3</div>
  <div class="flex-item flex-item4">1 4</div>
</div>
<div class="container container2">
  <div class="flex-item flex-item1">2 1</div>
  <div class="flex-item flex-item2">2 2</div>
  <div class="flex-item flex-item2">2 3</div>
</div>
<div class="container container3">
  <div class="flex-item flex-item1">4 1</div>
  <div class="flex-item flex-item2">4 2</div>
  <div class="flex-item flex-item3">4 3</div>
</div>
<div class="container container4">
  <div class="flex-item flex-item1">3 1</div>
  <div class="flex-item flex-item2">3 2</div>
  <div class="flex-item flex-item2">3 3</div>
</div>
<div class="container container5">
  <div class="flex-item flex-item1">4 1</div>
  <div class="flex-item flex-item2">4 2</div>
  <div class="flex-item flex-item3">4 3</div>
</div>

*{margin:0;padding:0;}
body{font:12px/1.5 'Microsoft Yahei','\5b8b\4f53',tahoma,arial,sans-serif; color:#f00; background:#F2F8FD}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}
input,select{font-family:Tahoma;font-size:12px; color:#b09d85;}
a{text-decoration:none; color:#b09d85}
a:hover{text-decoration:none;}

.container{width: 440px;height: 540px;background: #DBEFFA;margin: 10px}
.flex-item{background: #BDD8F5;margin: 10px;color: #000;text-align: center;font-size: 14px;}
.container1 .flex-item,.container2 .flex-item,.container3 .flex-item,.container4 .flex-item,.container5 .flex-item{width: 200px;height: 200px}

.container1{display:flex;flex-flow:row wrap;align-content: flex-start;}
.container2{display:flex;flex-flow:row-reverse wrap;align-items: flex-start;align-content: flex-end;}
.container3{display:flex;flex-flow:row wrap;align-content: center;}
.container4{display:flex;flex-flow:row wrap;align-content: space-between;}
.container5{width: 540px;height: 440px; display:flex;flex-flow:column wrap;align-content: space-around;}