当前位置：网站首页 > 技术博客 > 正文

弹性盒子justify-content

技术博客 来源： 网络 编辑：小编 发布时间：2024-12-23 07:29:59 浏览量：10



  • 简单介绍一下：提供了一个 属性
  • 可以将一个容器变成弹性容器，可以简便，响应式的实现页面布局，
  • 弹性容器有主轴交叉轴之分，默认横向为主轴。
  • 一般在到水平垂直居中，多栏布局中较多使用。
  • 弹性容器的属性
 

image.png · 父容器:
 

 设置为弹性盒子。
 

 控制子容器在主轴居中,默认为横向。
 

 控制子容器在主轴上为垂直(column)轴。
 

 控制交叉轴（父轴）居中。
 

允许换行
 

image.png
 

 控制多根主轴的对齐方式，只在有多主轴时出现，从弹性起始(start)的方向。
 

align-
 

· 子容器：
 

 控制子容器等比压缩，默认在为1，即默认会缩小。
 

 控制子容器等比放大，默认值为0，即默认不会放大。
 

 和一样。
 

上面三个属性构成了 默认不放大，不缩小，默认为200px的宽度。

                            


                            

                                
  • 
                                    
                                    上一篇：
                                    
                                    rgba和rgb转换
                                    
                                    
                                
    • 
                                
  • 
                                    
                                    下一篇：
                                    
                                    matlab多元线性回归fitlm
                                    
                                    
                                
    • 
                            
    

                            
                            
    
                                
    
                                    版权声明：
    
                                    本文来源网络，所有图片文章版权属于原作者，如有侵权，联系删除。

    
                                    
    本文网址：https://www.mushiming.com/mjsbk/15381.html
    
                                
    
                            
    
                            
                        
    
                        
    
                            
    

                            
    
                        
    

                        
                        
                        
    
                            
    相关文章：
    
                            
                            
                        
                        
  • 
                                rgba和rgb转换2024-12-23 07:29:59
                        
    • 
                        
                        
  • 
                                win10和ubuntu双系统安装2024-12-23 07:29:59
                        
    • 
                        
                        
  • 
                                mysql函数怎么写2024-12-23 07:29:59
                        
    • 
                        
                        
  • 
                                xampp安装包2024-12-23 07:29:59
                        
    • 
                        
                        
  • 
                                进程和线程对应关系2024-12-23 07:29:59
                        
    • 
                        
                        
  • 
                                matlab多元线性回归fitlm2024-12-23 07:29:59
                        
    • 
                        
                        
  • 
                                数据库测试软件2024-12-23 07:29:59
                        
    • 
                        
                        
  • 
                                如何区分左外连接,右外连接和全外连接2024-12-23 07:29:59
                        
    • 
                        
                        
  • 
                                debian怎么换源2024-12-23 07:29:59
                        
    • 
                        
                        
  • 
                                自动关机的程序或脚本2024-12-23 07:29:59
                        
    •