如何在 flexbox 之间设置空间？

弹性盒模块或弹性盒是一种布局模型。这种布局的主要目的是在容器中的项目之间分配空间。这种布局是一维布局模型。当项目的大小未知或动态时，flexbox 布局甚至可以工作。

要在 flexbox 之间设置空间，您可以使用 flexbox 属性justify-content您还可以访问该链接中的所有属性。

我们可以使用 flex 容器的 justify-content 属性来设置 flexbox 之间的空间。
句法：

• 值 space-between 用于显示行之间有空格的弹性项目。

  justify-content: space-between;

• 值 space-around 用于显示在行之间、前后有空格的弹性项目。

  justify-content: space-around;

下面的示例将说明用于设置 flexbox 之间空间的属性。

例子：

 
 
     
         
         
     
  
     
        
GeeksforGeeks
 
        
Space between flexbox
 
   
        
 
        justify-content: space-around  
        
 
            
1
 
            
2
 
            
3
 
        
 
        
 
        justify-content: space-between  
        
 
            
1
 
            
2
 
            
3
 
        
 
        
 
      
     
                                 

输出：