求解释：flex两行无限列或css两行无限列。请问该怎么操作

Question

如数据为
1 2 3 4
5 6 7 8
这种用flex很好实现，
.items{
display: flex;
flex-flow: row wrap;
align-content: flex-start;
}
.item{
box-sizing: border-box;
flex: 0 0 25%;
}
但如果数据为
1 2 3 4 5 6 7 8 9 10 11 12时会变成
1 2 3 4
5 6 7 8
9 10 11 12
期望的是

1 2 3 4 9 10 11 12
5 6 7 8