如何以 n 列格式显示列表？

我们可以通过两种方式在 n 列格式中显示列表：

1. 在列表中使用浮动
2. 在列表中使用列数

在列表中使用浮动：通过使用浮动，我们可以使列表向左浮动，即它后面的下一个项目将显示在左边。因此，这里我们将 ol 的大小设置为 30em，将一个列表项的大小设置为 10em，这样一行中只能容纳 3 个项并形成三列。要获得所需的列数，您可以相应地设置 ol 的大小和一项的大小。

示例 1：

  

    
    
      
    
    

  

    
    
Geeks For Geeks
    
        

            

                
Geek 1
                
Geek 2
                
Geek 3
                
Geek 4
                
Geek 5
                
Geek 6
                
Geek 7
                
Geek 8
                
Geek 9
                
Geek 10
                
Geek 11
                
Geek 12
            
        
    

  

输出：

在列表中使用列数： CSS 中的列数可帮助您决定输出中所需的列数。它的值可以是任何正整数。这里的示例具有两个不同的 n 值(n = 6, n = 4)。

示例 2：

      

    
      
    
      
    
    

  

    
    
Geeks For Geeks
  
    

          
        
        

            
Geek 1
            
Geek 2
            
Geek 3
            
Geek 4
            
Geek 5
            
Geek 6
            
Geek 7
            
Geek 8
            
Geek 9
            
Geek 10
            
Geek 11
            
Geek 12
        
          
        
        

            
Geek 1
            
Geek 2
            
Geek 3
            
Geek 4
            
Geek 5
            
Geek 6
            
Geek 7
            
Geek 8
            
Geek 9
            
Geek 10
            
Geek 11
            
Geek 12
        
    

  

输出：