第一种方法
摘抄总结一段:
body {TEXT-ALIGN: center;}
#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
说明:
首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中;对于IE这样设定就已经可以了。但在
mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”
另外要申明:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
我原以为把position定义为absolute,然后定义MARGIN-RIGHT: auto; MARGIN-LEFT: auto; 就可以了,可是经常不好用。可能
是少了这一句: body {TEXT-ALIGN: center;} 或者申明。没功夫去专门测试,不知道是不是正确。
第二种方法,我刚用,在IE和Firefox上很好用。直接写在div的style里即可:
margin-left:50%; left:-(div的宽度)/2;
以我的理解,把用margin-left让div的左边居中,然后可以用left的值左右移动div.
上面是对应 position: absolute 的情况,如果是relative, 则用: margin: 0 auto;