SOURCE

<div class="cont">
	<div class="bigWeight">1</div>
	<div>2</div>
	<div class="bigHeight">3</div>
	<div>4</div>
	<div class="bigHeight">5</div>
	<div>6</div>
	<div class="bigWeight">7</div>
	<div>8</div>
	<div class="bigHeight">9</div>
	<div>10</div>
	<div class="bigWeight">11</div>
	<div>12</div>
	<div class="bigHeight">13</div>
	<div>14</div>
	<div class="bigWeight">15</div>
	<div>16</div>
</div>

 .cont {
     margin: 10px auto;
     width: 800px;
     height: 800px;
     border: 1px solid red;
     /* 弹性布局 */
     display: flex;
     flex-wrap: wrap;
     align-content: stretch
 }
 
 .cont div {
     width: 100px;
     height: 100px;
     margin-left: 10px;
     background-color: aqua;
     /* 让字体京可能的居中 */
     text-align: center;
     line-height: 100px;
     margin-top: 20px;
 }