`
zyr51860212
  • 浏览: 5912 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
最近访客 更多访客>>
社区版块
存档分类
最新评论

css-IE,firefox居中的区别

    博客分类:
  • css
阅读更多
IE,firefox居中的区别

FF设置body中text-align:center,则body中的text居中,body中的div还是默认的left对齐。

IE设置body中text-align:center,不光text居中,body中的div也会居中

而对于body中的div中的text。因为div继承了body的text-align:center,所以
text会在其所属的div中居中,FF和IE都是这样。不同的是IE中div也会居中,所以text在div中居中,相当于在整个body中居中。
那么,怎么让body中div居中呢?
在div中设置:
margin:0 auto; //上下0,左右自动

body要怎么设置呢?
IE8中body好像总是铺满整个窗口(IE6\7没试过),不能设置宽度。
FF中可以设置宽度,但是背景色还是铺满整个窗口,而且导致缩小后的body不居中,又要设置margin:0 auto,麻烦。
所以,不建议给body设置宽度,必须保持width:100%。
分享到:
评论

相关推荐

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器

    1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 ...

    CSS文集

    利用CSS的Expression自定义属性来实现表格的OnMouseOver 特效 需要掌握的八个CSS布局技巧 用css实现链接经过时显示浮动图片背景的效果 自适应大小的CSS圆角盒子 div+css实现Firefox和IE6兼容的垂直居中...

    css firefox火狐浏览器下的兼容性问题

    1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: ...

    完全纯css实现div自适应居中兼容IE7 Chrome FireFox

    1. 纯CSS,完全无需JS,对JS程序猿来说一种解放! 2. IE7、8 下rgba属性会失效,所以如果要做半透明要新加一个div,这个步骤我偷个懒就省了哈哈,重点是中间的div大笑 3. 对于弹出层,各位针对自己的情况设置z-...

    IE Firefox在css中的差别 (部分)

    1、单位问题 问题:任何距离的数值ie可以不加单位,ff必须... 2、水平居中 问题:div里的内容,ie默认为center,而ff默认left 解决:mairgin:0px auto; 3、高度问题 问题:如果设置了一个DIV的高度,当DIV里实际内容

    IE与Firefox的CSS兼容大全 推荐

    CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 常见兼容问题: 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中,...

    div+css有实例,易学易懂

    8.5.2 FIREFOX2.0 中的水平居中 8.5.3 解决方法 8.6 非浮动内容和容器的问题 8.6.1 IE6.0 中固定宽度和高度的容器和内容 8.6.2 FIREFOX2.0 中的容器与内容 8.6.3 可能出现的问题和解决方法 8.7 使用:after 伪类解决...

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

    这个可谓是css的高级写法 兼容IE8/IE9/IE10/IE11 火狐,谷歌,360等各种主流浏览器 相对于body居中的另外一种写法 原理比较难以理解,这里只简单的说下如何使用: 1、在body的根目录下建立两个...

    div中子div在firefox ie 水平居中对齐

    }的话在ie中浏览没有问题,但在firefox中依然左对齐。 所以必须再加一个样式 div div { margin-left:auto; margin-right:auto; }这样在ie,ff都能对齐。 我猜想是ff中如果你不设置margin,默认为0;而margin的...

    ie css margin auto 不居中解决方案

    } 此css在firefox下是好的,但是在ie下不起作用,网上看到原因如下: <div id=cnbruce>margin: 0 auto 看看内容居中否</div> 如上调试结果,IE6.0是不居中的,当然解决的办法可以是对网页主体“<body>”声明...

    FireFox浏览器和IE浏览器下CSS兼容问题

    1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF:...

    Google浏览器CSS居中兼容问题完美解决方法

    div做的界面时,又出现CSS hack(CSS兼容浏览器问题)在IE内核浏览器或者firefox浏览器中都能居中,没有居中的可以用其特殊标签来设定居中,如下划线 _ IE6优先识别,!important 仅火狐firefox浏览器识别。可是在...

    《CSS标准网页布局开发指南》附赠光盘

    其中使用的浏览器及其版本为IE6.0、IE7.0、Firefox2.0。其中具体实例使用的浏览器版本,请参照相关章节的内容部分。 -----------------------------硬件环境--------------------------------------- 无特殊要求...

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

    CSS技巧 1.div的垂直居中问题 vertical-align:middle;将行距增加到和整个DIV一样高 line-height:200px;然后插入文字,就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下设置的...

    input 文本框 文字垂直居中对齐 ie firefox

    在ie中文字垂直居中对齐的话 在css中把line-height的属性设置成height的高度即可。但在ff中似乎不管用。

    Div+CSS布局居中

    弄了个网页,在IE下都没啥问题,换成火狐才发现布局乱了,最主要的就是菜单flash不居中,在网上找了好久, 都说margin-left:auto margin-right:auto几乎所有的帖子都一样.自己照搬就是不行。。。

Global site tag (gtag.js) - Google Analytics