div嵌套居中解决办法FireFox火狐和IE

最新推荐文章于 2025-06-06 10:09:16 发布

最新推荐文章于 2025-06-06 10:09:16 发布 · 337 阅读

文章标签：

#IE #Firefox #HTML

WEB_UI 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种在Firefox浏览器中使嵌套DIV居中的有效方法。通过设置内部DIV的margin属性为0px auto，可以实现在父级DIV内的水平居中布局。

div嵌套居中解决办法FireFox火狐和IE
DIV,嵌套剧中,FireFox,火狐,IE
今天遇到到个问题就是div中嵌套div在火狐下面不能剧中问题
其实问题很简单就是我希望父层div下面的内容可以居中显示，其中包括div


<div style="text-align:center;width:800;background-color:#666666">
  123
	  <div style="width:400;background-color:#FF0000">
	  456
	  </div>
  789
  </div>

不过这段代码在firefox下面的显示却不正常
没办法尝试向div中加入<center>标签


  <div style="text-align:center;width:800;background-color:#666666">
  123
	  <center><div style="width:400;background-color:#FF0000">
	  456
	  </div></center>
  789
  </div>

不过感觉这么做很不优雅，尝试在一次更改


  <div style="text-align:center;width:800;background-color:#666666">
  123
	  <div style="width:400;background-color:#FF0000;margin:0px auto;">
	  456
	  </div>
  789
  </div>

呵呵终于将问题解决了

如果大家对JEE的深入研究有兴趣
可以加入Q群：46176507 共同进步学习
[url=http://www.shanhe114.com][img]http://www.shanhe114.com/logo.gif[/img][/url]
[url=http://www.shanhe114.com]长春都市网[/url]