margin:0 auto 和text-align:center的区别是什么？？？

最新推荐文章于 2021-03-26 21:12:35 发布

简单的绿竹

最新推荐文章于 2021-03-26 21:12:35 发布

阅读量701

点赞数

分类专栏： css

css 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

http://zhidao.baidu.com/link?url=xu3fryYpxXltaaf_Lbgh7KNNNO7RZL-M2__L7S_Q7Yv7_NOHBIfy68d6RVmg6a5NnhZEkg09zmVuqC4sMiA1u-DAHVtaLFSPYbkZsaH-3Pi

margin:0 auto;是使自身在浏览器内居中，需要配合宽度使用：

 
      < 
      div  
      stley 
      = 
      "width:500px;height:200px;border:1px solid #000000;margin:0 auto;" 
      > 
     
 
      使用margin:0 auto;后不要设置float:left和right，否则会失效 
     
 
      </ 
      div 
      > 
     

text-align:center;是使标签的内容居中：

 
  < 
  div  
  stley 
  = 
  "width:500px;height:200px;border:1px solid #000000;margin:0 auto;text-align:center;" 
  > 
 
 
  使用text-align:center;后，此div中的内容会居中 
 
 
  </ 
  div 
  > 
 