HTML 和 CSS 使元素居中的 7 种方式

  
    
1. CSS "text-align: center;"
	
    

      2. CSS "width: fit-content; margin-left: auto; margin-right: auto;"
    
    

    

      
3. 放在一个块元素中，使用 flex 布局
并指定 CSS "justify-content: center"
    

    

      

      
4. 放在一个块元素中的两个 div 中间，使用 flex 布局
      
      
      

    

    

      

        

          
5. 放在一个 align 为 center 的 table 中 (deprecated)
        
      
    

    

      
      

        6. 使用绝对定位和指定 "left: 50%;" 且
"transform: translatex(-50%);"
      
    

    

      

        7. 使用绝对定位，指定 "left: 50%;"，指定宽度
且指定 "margin-left" 为负的宽度的一半