元素垂直水平居中的多种办法(块级 行内元素)

块级元素居中:

   1.未知子元素宽高,绝对定位 + transform:translate




    
    
    
    Document
    


    

2.已知子元素宽高(绝对定位+margin 负值应用)




  
  
  
  Document
  


  

 3.父盒子:dispaly:flex




  
  
  
  Document
  


  

行内元素居中:




  
  
  
  Document
  


  

元素垂直水平居中的多种办法(块级 行内元素)_第1张图片

你可能感兴趣的:(布局与事件,HTML-CSS,html5,css,前端,css3)