【前端笔试题】文本居中的几种小技巧

前端面试或者开发总会遇到是文本居中的情况及场景，这里一起总结一下。便于查找和使用。

目录

方法一

方法二

方法三

方法四

方法一

自动外边距

  

   

    

     

    
    

     

      div #container{
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      margin-left:auto;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      margin-right:auto;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      width:168px;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      }
     
    
  
 

方法二

使用text-align

  

   

    

     

    
    

     

      body{
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      text-align:center;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      }
     
    
  
 

文章来源: sunmenglei.blog.csdn.net，作者：孙叫兽，版权归原作者所有，如需转载，请联系作者。

原文链接：sunmenglei.blog.csdn.net/article/details/114680918