日期:2014-05-17  浏览次数:20626 次

css-IE,firefox居中的区别
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%。