读书人

兼容多浏览器的正当中Compatible Cent

发布时间: 2012-11-07 09:56:10 作者: rapoo

兼容多浏览器的居中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下的所有元素(包括直接属下和间接属下元素)都会居中。

?

?

?

?

?

读书人网 >Web前端

热点推荐