关于DIV在Mozilla Firefox中的居中问题

转载 2007年09月21日 17:14:00

我的页面一直是整一个最外面的DIV标记层CSS标签Text-Align设为center,然后向内的一层DIV设为Text-Align: center;来实行页面的居中的.
但这样的DIV居中形式在Mozilla Firefox就不行了,它依然是Left的..今天发了个心终于找到了问题的所在.
那就是要在向内的一层DIV中再加入Margin-Right: auto; Margin-Left: auto;这两个定义才可以.

另解:
{直接加 margin: 0 auto;
就可以了的!}
范例:

原来的定义:

<html>
<head>
<style type="text/css">
body {
  text-align: center;
}
#wrapper{
  text-align: left;
  width: 760px;
  border: thin solid #666666;
}
</style>
</head>
<body>
<div id="wrapper">
Div Center
</div>
</body>
</html>
结果是: IE中居中显示. MF里依然靠左.

添加Margin-Right: auto;Margin-Left: auto;#wrapper.修改为.
<html>
<head>
<style type="text/css">
body {
  text-align: center;
}
#wrapper{
  text-align: left;
  width: 760px;
  border: thin solid #666666;
  Margin-Right: auto;
  Margin-Left: auto;
}
</style>
</head>
<body>
<div id="wrapper">
Div Center
</div>
</body>
</html>
结果: IE&MF里均居中显示.

PS:或许就我最晚知道了... [beaten] 
 

相关文章推荐

div+css实现Firefox和IE6/7兼容的垂直居中

Firefox中使用display: table-cell; vertical-align: middle;可以实现div垂直居中,而IE6/7中则需要借助IE6/7中css的特点实现垂直居中。为了实...
  • wzhiu
  • wzhiu
  • 2013-02-28 17:38
  • 1512

IE和Firefox兼容性:DIV空白-网页居中

又碰到了几个浏览器兼容性问题,这里主要就是说IE和Firefox的差异了; 1. 今天碰到的第一个问题:DIV之间的空白,两个连续的DIV之间,IE没有空白,Firefox则在两个div之间有空白。...

css 关于ul在div里居中且平铺的问题

今天在调整ul居中的问题时,遇到了点小困难,以前在使用ul时候,让其不是垂直的排列而是,横着排列都是使用float:left这个属性,但是呢,今天我在弄一些友情链接的时候,就出现了ul在div中居中不...

div的上下左右居中问题

一、JS解决思路 1、对img 外层div设置text-align:center;达到左右居中。 2、 用JS获得外层div高度,设置img的padding-top为外层div高度减去img高...

css+div 文字居中问题

在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中...

关于css中两层div的水平垂直居中问题

前段时间一直在忙于实验室的项目没有专门的时间来更新公众号,差点觉得自己就要就此放弃了。今天下午忙了一段时间后突然想起来了上次面试快的打车时候的一个题目,当时也算是浑浑噩噩没有说清楚,所以今天想专门拿出...

关于弹出div层居中的问题及解决方法

弹出div层在做网站中用到的也不少,但是如何尽可能的做到兼容各个浏览器的各个版本,这可是个大问题了,相信这也是大家头疼的问题。同一个方法在不同的浏览器得到的值是不同的,就拿document.docum...

css 关于ul在div里居中且平铺的问题

今天在调整ul居中的问题时,遇到了点小困难,以前在使用ul时候,让其不是垂直的排列而是,横着排列都是使用float:left这个属性,但是呢,今天我在弄一些友情链接的时候,就出现了ul在div中居中不...

IE中DIV不居中问题!

CSS 如何使DIV层水平居中 今天用CSS碰到个很棘手的问题,DIV本身没有定义自己居中的属性, 网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题....
  • xxfigo
  • xxfigo
  • 2012-03-19 16:59
  • 19679
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)