在使用 flex 进行布局时涉及多个元素遍历渲染， 要使用 space-between 时会发现： 最后一行元素数不满一行个数时会平均分布开， 而不会从左到右排列， 不符合一般样式要求

---

可以使用下面的办法解决

• wells 为一个长度若干的数组 遍历取得每个元素并渲染

  <div class="wells">
  	<div class='well' v-for="(well, index) in wells">
  	</div>
  	<!-- 下面这一行 重点 -->
  	<div class="list" 
  		v-for="item in (5 - wells.length % 5)" 
  		v-if="wells.length % 5 > 0"
  	></div>
  </div>

  .wells{
  	display: flex;
  	justify-content: space-between;
  	flex-flow: row wrap;
  	text-align: center;
  	.well{
  		flex: 0 0 18%;
  	}
  	.list {
  		content: '';
  		flex: 0 0 18%;
  	}
  }