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

弹性盒子justify-content

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



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

image.png · 父容器:
 

 设置为弹性盒子。
 

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

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

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

允许换行
 

image.png
 

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

align-
 

· 子容器：
 

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

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

 和一样。
 

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

                            


                            

                                
  • 
                                    
                                    上一篇：
                                    
                                    rgba和rgb转换
                                    
                                    
                                
    • 
                                
  • 
                                    
                                    下一篇：
                                    
                                    plantuml画类图
                                    
                                    
                                
    • 
                            
    

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

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

                            
    
                        
    

                        
                        
                        
    
                            
    相关文章：
    
                            
                            
                        
                        
  • 
                                rgba和rgb转换2024-12-23 07:29:59
                        
    • 
                        
                        
  • 
                                c语言结构体偏移量原理2024-12-23 07:29:59
                        
    • 
                        
                        
  • 
                                kerneldump2024-12-23 07:29:59
                        
    • 
                        
                        
  • 
                                ctf的wp2024-12-23 07:29:59
                        
    • 
                        
                        
  • 
                                jmag中文版用户手册2024-12-23 07:29:59
                        
    • 
                        
                        
  • 
                                plantuml画类图2024-12-23 07:29:59
                        
    • 
                        
                        
  • 
                                mysql函数用法2024-12-23 07:29:59
                        
    • 
                        
                        
  • 
                                matlab多元线性回归fitlm2024-12-23 07:29:59
                        
    • 
                        
                        
  • 
                                utf8mb4_unicode_520_ci2024-12-23 07:29:59
                        
    • 
                        
                        
  • 
                                assempde函数2024-12-23 07:29:59
                        
    •