关于页面居中我总结了有以下几种用CSS方法:

第一种方法


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

以上代码的关键是 div { position: absolute; width: 770px; left: 50%; margin-left:-385px; }

第二种方法


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

第三种方法


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

以上均在IE6.0中测试通过。其中第三种方法在IE6.0中显示正常,但在IE5.0中显不正常。各位网友是否还有其它的方法请指教。


1条评论

  1. 老套

    给你发个通用标准的

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

    <title>页面居中</title>

    <style type="text/css">

    div {background-color: #949294;

    width: 778px;

    margin-right: auto;margin-left: auto;}

    </style>

    </head>

    <body>

    <div>页面居中</div>

    </body>

    </html>

    在ie6和firefox1.5 2.0测试过,

    需要注意的是,一定要在首行声明DTD否则ie6中无效

    人们总是批评ie的百般不是,在这里我倒觉得ie是个标准的推行者

    声明DTD就是个标准,在这里不声明正确的DTD就不能正常工作,

    在这里就是要提醒大家按标准做事

发表评论

评论也有版权!