从上往下,从左往右
#flex-container {flex-flow:column wrap; }
#flex-container > :nth-child(4n - 2) { order: 1; }
#flex-container > :nth-child(4n - 1) { order: 2; }
#flex-container > :nth-child(4n - 0) { order: 3; }
#flex-container > :nth-child(-n + 4) {
page-break-before: always; /* Old syntax */
break-before: always; /* New syntax */
border-top: 1px solid;
}
1
2
3
4
5
6
7
8
9
10
标签:flex,container,4n,nth,html,child,span,从左往右,order
来源: https://www.cnblogs.com/QW-lzm/p/12642126.html