本文的方法是让flexible items以相反的顺序显示,并在必要时使用CSS中的flex-wrap属性进行换行。
该属性设置为 wrap-reverse 值。此属性用于在 flex 项目换行时反转它们的流动。
句法:
flex-wrap: wrap-reverse;
例子:
GeeksforGeeks
How to make the flexible items
display in reverse order, and wrap
if necesarry usingHTML5?
1
2
3
4
5
6
输出:
支持的浏览器:
- 谷歌浏览器
- IE浏览器
- 火狐
- 歌剧
- 苹果浏览器