兼容多浏览器的正当中Compatible Center _Web前端

兼容多浏览器的居中Compatible Center

方法1：
body下的div需要居中。
CSS样式：

<style>
/* body设置属性text-align为center */  
body {text-align:center;}  

/* id="c"的div设置属性margin为auto */  
div#c {margin:auto;}
</style>

HTML代码：

<body>  
    <div id="c">这是要居中的DIV</div>  
</body>

总结：

在IE下text-align:center是实现居中的关键，但在FF或chrome下失效，所以要使内元素居中，则内元素需设置属性margin:auto。

// 2010-01-12

DOCTYPE:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

假如body设置了CSS样式，text-align:center

那么body下的所有元素（包括直接属下和间接属下元素）都会居中。