📜  CSS |订单属性

📅  最后修改于: 2021-08-29 12:32:41             🧑  作者: Mango

此属性用于指定每个柔性项目相对于柔性容器内其他项目的顺序。它只给出容器中存在的项目的位置,并根据用户的需要分类为不同的顺序。如果元素不是灵活项,则此属性不再存在。

句法:

order: number|initial|inherit;

属性值:

  • number:此属性用于指定灵活项目的顺序,并根据用户的要求为每个项目指定一个编号。

    句法:

    order:number;

    例子:

     
    
         
            order property 
             
         
         
            
            

    GeeksforGeeks

              

    order:number;

              
                  
                   geeks
                  
                   for
                  
                   geeks3
                  
                   sudo
                  
                   placement
                  
                   GFG
              
              
                                          

    输出:

  • 初始:将属性设置为其默认值。

    句法:

    order:initial;

    例子:

     
    
         
            order property 
             
         
         
            
            

    GeeksforGeeks

              

    order:initial;

              
                  
                  geeks
                  
                  for
                  
                  geeks3
                  
                  sudo
                  
                  placement
                  
                  GFG
              
              
                         

    输出:

支持的浏览器: order 属性支持的浏览器如下:

  • 谷歌浏览器
  • IE浏览器
  • 火狐
  • 歌剧
  • 苹果浏览器