`

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

阅读更多
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 共同进步学习

长春都市网
分享到:
评论

相关推荐

    CSS解决未知高度的DIV垂直居中

    ### CSS解决未知高度的DIV垂直居中 #### 知识点概述 在Web开发中,实现元素的垂直居中是一项常见的需求。对于已知高度的元素来说,这相对容易实现。但对于那些高度未知或者动态变化的元素,尤其是嵌套在另一个未知...

    CSS在IE6 IE7与FireFox下的兼容问题整理

    在Web开发中,CSS(层叠样式表)的兼容性问题一直是开发者面临的一大挑战,尤其是在早期的浏览器之间,如Internet Explorer (IE)的6、7版本和Firefox。这些浏览器对CSS标准的实现存在差异,导致在不同浏览器下页面...

    网页设计师DIV+CSS面试宝典

    本文总结了网页设计师DIV+CSS面试中常见的问题和解决方法,涵盖了超链接点击后 hover 样式的消失、IE6 的 margin 双倍边距 bug、火狐浏览器下文本无法撑开容器的高度、中火狐浏览器下文本无法撑开容器的高度、Web ...

    IE与火狐常见的区别

    - **问题**:当设置`div`元素的`margin-left`和`margin-right`为`auto`以实现居中布局时,IE浏览器需要将`div`嵌套在`body`内才能正确显示。同时,在处理文本对齐(`text-align`)时,IE和Firefox的表现也有所不同。 -...

    CSS多浏览器兼容性(IE和Firefox)技巧大全推荐

    在网页设计中,CSS(层叠样式表)的浏览器兼容性问题一直是开发者面临的挑战,特别是针对Internet Explorer(IE)和Firefox这两个主流浏览器。本文将详细阐述一些针对IE和Firefox的CSS兼容性处理技巧。 首先,要...

    CSS文集

    横向导航 CSS样式嵌套 div+css处理firefox与IE6的水平居中效果 div+css的padding缩写方式 div+css的格式较验 div+css的重要工具:Internet Explorer Developer Toolbar div+css使用!important标记...

    div表格垂直居中.pdf

    \n\n最终,通过这些技术,可以创建一个兼容IE6+、Mozilla1.7+、NetscapeNavigator8+、Opera8.0+、Firefox1.0+和Safari1.0+的垂直居中布局。对于较旧的浏览器版本如Mozilla1.5+、NetscapeNavigator7+、Opera7+,理论...

    CSS在不同浏览器中兼容问题

    * Firefox 中可以实现 div 垂直居中的问题,解决方法是设置 vertical-align:middle; 和 line-height * IE 中无法实现 div 垂直居中的问题,解决方法是使用其他方法实现垂直居中 六、链接和背景色的问题 * Firefox ...

    在IE和火狐浏览器下页面兼容性问题的处理(最完整篇

    在网页开发过程中,浏览器兼容性问题常常困扰着开发者,尤其是IE和Firefox之间的差异。这篇文章主要聚焦于CSS在这些浏览器下的兼容性处理,提供了一些实用的技巧和解决方案。 1. **垂直居中问题**:在CSS中,实现...

    DIV+CSS必考题.pdf

    8. Firefox中嵌套div的居中问题:在Firefox中,若要使嵌套的div在父div中水平居中,可以设置子div的`margin: 0 auto`。这种方法在IE中也有效,但Firefox有时需要额外处理。 这些知识点都是DIV+CSS布局中常见的问题...

    纯CSS实现不固定大小div相对于body垂直居中效果

    这个可谓是css的高级写法 兼容IE8/IE9/IE10/IE11 火狐,谷歌,360等各种主流浏览器 ... 1、在body的根目录下建立两个嵌套的div 2、分别给两个div加上样式属性即可,详细请见附件index.html文件

    div+css 兼容性总结

    本文将深入探讨`div+css`在IE6、IE7和Firefox等主流浏览器中的兼容性问题及解决方案。 1. **宽度与边距问题** - `div`的宽度计算方式在IE6、IE7和Firefox中有所不同。它们都会将`width`、`padding`和`border`算入...

    软件工程师 面试题 DIV+CSS_必考题

    在Firefox中,嵌套div的居中可以通过设置子div的`margin: 0 auto;`实现,例如: ```css #b { margin: 0 auto; } ``` 这样,子div `b` 将在父div `a` 内部水平居中。 掌握这些DIV+CSS的面试知识点,可以帮助...

    DIV-CSS-必考题.docx

    DIV-CSS-必考题 CSS面试题目解析 1. 超链接访问过后 hover 样式不出现的问题...知识点解析:在 Firefox 中,嵌套 div 标签的居中问题可以使用 margin:auto 的方法来解决。这样可以在 Firefox 中实现 div 的居中放置。

    针对IE67FF的兼容CSS编码 免费下载

    Firefox中,如果`body`元素的`text-align`属性被设置,嵌套的`div`需要显式地使用`margin:auto`来保持居中,而不仅仅是`margin-left`和`margin-right`。这是因为IE和Firefox在计算自动边距的方式上存在差异。 #### ...

    网站美工面试题DIV+CSS最有可能遇到的八个问题

    8. **Firefox嵌套div居中问题** 在Firefox中,嵌套的div通过设置父级的`text-align:center`来居中可能会失效。要使子div在Firefox中水平居中,可以给子div设置`margin: 0 auto;`,这将在所有主流浏览器中有效。 ...

    css浏览器兼容整理

    2. **区别IE6、IE7、IE8和Firefox** - **IE6 hack**:在属性前加下划线 `(_)`,仅IE6识别。 - **IE7 hack**:在属性前加星号 `(*)` 或 `_` 后加 `*`,仅IE7识别。 - **IE8 hack**:在属性值后加 `\9`,仅IE8识别...

    浏览器兼容问题解决办法

    文章的作者邓飞飞在2008年分享了一系列针对不同浏览器(尤其是IE7、IE6与Firefox)的兼容性处理技巧,这些技巧至今仍具有一定的参考价值。以下是对给定内容中提及的几个关键知识点的详细解析: ### 1. div的垂直...

Global site tag (gtag.js) - Google Analytics