当前位置:首页 > 开发 > Web前端 > 前端 > 正文

在IE下margin 0 auto 不能使div居中

发表于: 2011-06-03   作者:hotsunshine   来源:转载   浏览次数:
摘要: 有一个div居中的样式属性,在firefox中显示正常,在IE下就不能居中 找了一下,有的说是要加一个w3c认证的一个声明 加一个3C 调用声明 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm
有一个div居中的样式属性,在firefox中显示正常,在IE下就不能居中
找了一下,有的说是要加一个w3c认证的一个声明

加一个3C 调用声明

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

我不想加

还有一个说法,说要给body加一个属性
text-align:center;

我更不想加,代价有点大

既然给body加这个属性能行,那干嘛不在外面包上一个带这个属性的div呢
测试之,通过


<div style="text-align:center;">
  <div style="margin:0 auto;">居中</div>
</div>

在IE下margin 0 auto 不能使div居中

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
一般在布局中我们对于常规流中的元素进行居中的方法都是设置它的margin为0,auto。对于其中的道理,
写在前面的话 其实我不推荐使用fieldset这个标签,正如我们常常议论的那样这东西在不同的浏览器下确
如何让div中的内容垂直居中 来源:黄超 [ 点击放大] 虽然Div布局已经基本上取代了表格布局,但表格
1.实现div水平居中 html代码: <!DOCTYPE html> <html> <head> <meta http-eq
今天需要做个tab选项卡,如下图所示的效果: 做法很简单,就是给tab切换的按钮父级元素加上margin-b
打算花点时间将知识整理一下,虽然平时现用现查都能完成工作,可是当遇到面试这种事情的时候,临时
<!DOCTYPE html> <html> <head> <style> #te{ width: 100px; height: 100p
引子 我们经常遇到需要把div中的内容进行水平和垂直居中。所以,这里介绍一种方法,可以使div水平居
原文地址:http://www.oschina.net/question/171410_26563 做的企业站 顶部是flash的滚动图片。 右
像你所遇到的问题一样, IE6浏览器有太多的bug让制作网页的人头疼。这篇文章介绍的是介绍的是如何解
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号