📜  如何使柔性项目以相反的顺序显示,并在必要时包装?

📅  最后修改于: 2021-11-08 06:50:30             🧑  作者: Mango

本文的方法是让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浏览器
  • 火狐
  • 歌剧
  • 苹果浏览器