margin:0pxauto居中问题解决方案

本文向大家描述一下margin:0pxauto居中问题，使用margin:0pxauto;居中是大家在做cssdiv定位时的最常用方法，这里总结的内容在ie67以及fifefox下都可正常使用。

创新互联公司专注于企业全网营销推广、网站重做改版、城关网站定制设计、自适应品牌网站建设、H5场景定制、商城网站建设、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为城关等各大城市提供网站开发制作服务。

margin:0pxauto居中问题
　　　
　　margin:0pxauto;适用于div与其它无素，比如p,img等。　　
　　
　　使用margin:0pxauto;居中是大家在做cssdiv定位时的最常用方法，但是据我自己的使用过程来看，常有居中不了的情况。本文所总结的内容，在ie67以及fifefox下都可正常使用。

　　下面来逐一分解一下:

　　1:与margin:100px混用，导致无法居中。　
　　　　　　　　　　　　
　　这种情况下，因为前面设了margin:0pxauto;，但是后面又设了margin:100px，这明显是相矛盾的，不仅如此，如果同时使用了margin:0pxauto;和float:left，也一样都不生效。　

　　2:没有指定DOCTYPE。　　　
　　　　　　　　　　
　　DOCTYPE是指定浏览器以哪一种标准解析html代码，如果不指定，极有可能会不生效。
　
　　我们常见有人写html，是直接以开头的，这种情况，我们只要再加上DOCTYPE头即可以，***是直接从dw中新建一个html头，然后从中再做修改。完整的html头如下:　

 
 
 

  
  
  

  
  
  

  
  
  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  
  
  

  
  
  

  
  
  

  
  
  

  
  
  

  
  
  

  
  
  
主题内容 
  
  
  

  
  
  

  
  
  

 
 
 

　　　3:DOCTYPE前还有代码，导致不生效。　
　　　　　　　　　
　　我试了一下，只要在

 
 
 

  
  
  

  
  
  

  
  
  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  
  
  

 
 
 

　　这一句前加了一个这样的注释，也同样出现了margin:0pxauto;无法居中的情况。　　
　　　　
　　4:使用text-align:center。

　　这是下下之策，如果上面margin:0pxauto;用了怎么都不行，那到body中加上text-align:center;吧，如此一下不仅是div,文字也会居中显示。　　
　　然后可以再到细化的css中，把相应容器再设成text-align:left再达到文字靠左的效果。

本文名称：margin:0pxauto居中问题解决方案
文章起源：http://www.hantingmc.com/qtweb/news9/98909.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联