📜  如何使用 CSS 设置灵活项目的顺序?

📅  最后修改于: 2021-08-30 10:00:56             🧑  作者: Mango

本文的目的是使用 CSS 设置灵活项目的顺序。您可以使用 CSS order 属性来完成此任务。

CSS order 属性:此属性用于指定一个灵活项相对于同一容器内其余灵活项的顺序,并记住将元素设置为灵活项。

句法:

order: value;

方法:

创建具有各种划分元素的 Html 页面,并使用不同的 id 编号分配所有 div 元素。使用 order 属性,您可以随时以正确的顺序重新排列这些框。

例子:

HTML


  

    

  

  
    

GeeksForGeeks

       
        
        
Geeks
        
For
        
Geeks
        
    
    
        
portal
        
a
        
computer
        
science
        
is
    
    
        
        
        
for
        
geeks
       
                 


输出: