今天在写项目时，遇到了一个问题，做个笔记:

如同所示：

代码为：

	.dadBox{
		width: 100%;
		padding: 30rpx 40rpx;
		display: flex;
		box-sizing: border-box;
		justify-content: space-around;;
		flex-wrap: wrap;
		align-content: center;
	}

如果子项足够，则再好不过，但假设不够呢？

就会造成以上情况——最后一个子项尴尬的站在了中间，这该怎么办呢？

办法是人想出来的。

	.dadBox{
		width: 100%;
		padding: 26rpx 30rpx;
		display: flex;
		box-sizing: border-box;
		justify-content: space-between;
		flex-wrap: wrap;
	}

这样就可以了，如图