margin:0pxauto居中问题解决方案
创始人
2024-07-11 08:41:39
0

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

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头如下: 

  1.  
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3.  
  4.  
  5.  
  6. 无标题文档 
  7.  
  8.  
  9. 主题内容  
  10.  
  11.  
  12.  

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

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

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

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

【编辑推荐】

  1. CSS Positioning定位详解
  2. IE6.0对padding的解读分析
  3. IE6双倍margin间距解决方法
  4. CSS overflow溢出属性
  5. CSS中cellspacing和cellpadding属性用法揭秘

 

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
Windows恶意软件20年“... 在Windows的早期年代,病毒游走于系统之间,偶尔删除文件(但被删除的文件几乎都是可恢复的),并弹...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
着眼MAC地址,解救无法享受D... 在安装了DHCP服务器的局域网环境中,每一台工作站在上网之前,都要先从DHCP服务器那里享受到地址动...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...