flex 最后一行不space-between

使用flex:

.searchContents {
	flex-direction: row;
 	flex-wrap: wrap;
	justify-content:space-between;
	align-items: flex-start;
	overflow: hidden;
}

估计出现常见问题：

最后一行被撑开了, 不是我们想要的!!, 那如何让最后一行不缠开? 确保最后一行有四个元素，所以我们用伪造的方式(有点像clear float冗余)

                    <div class="shop-item" style="height: 0px;visibility: hidden;"></div>
                    <div class="shop-item" style="height: 0px;visibility: hidden;"></div>
                    <div class="shop-item" style="height: 0px;visibility: hidden;"></div>
                    <div class="shop-item" style="height: 0px;visibility: hidden;"></div>