<html> <head> <Meta charset="utf-8"/> <title>从上往下，从左往右</title> <style> ＃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; } </style> </head> <body> <div id="flex-container"> <span>1</span> <span>2</span> <span>3</span> <span>4</span> <span>5</span> <span>6</span> <span>7</span> <span>8</span> <span>9</span> <span>10</span> </div> </body> </html>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
