flex布局最后一行对齐代码 http://jsbin.com/tovucabuzo/edit?html,css,output
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div class="container">
<div class="box">11111</div>
<div class="box">11111</div>
<div class="box">11111</div>
<div class="box">11111</div>
<div class="box">11111</div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
</body>
</html>
.container {
display: flex;
flex-wrap: wrap;
}
.box {
flex: 1;
min-width: 200px;
height: 100px;
margin: 2px;
background-color: red;
}
.box:empty {
height: 0
}