让div+css的div居中, 而里面的文字不居中的做法

  •   2009-07-31/13:29
  • 让div+css的div居中, 而里面的文字不居中的做法:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
    <html xmlns="">
    <head>
    <title>
    做一个测试
    </title>
    <style type="text/css" rel="stylesheet">
    body{
    margin:0px;
    }
    #countainer{
    margin:auto;
    width:600px;
    height:100%;
    background-color:#cccccc;
    }
    </style>
    </head>
    <body>
    <div id="countainer">
    中国
    </div>
    </body>
    </html>


    事实上, 这里的最关键的一个点在: countainer类的属性里的: margin:auto; 这个值!

    刚才测试时, 发现里的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
    <html xmlns="">

    也是很重要的, 如果没有这句在IE浏览器里的显示还是居左的, 在火狐和谷歌浏览器时的显示是正确的, 加了这句后, 所有的浏览器时显示都是正


    评论 {{userinfo.comments}}

    {{money}}

    {{question.question}}

    A {{question.A}}
    B {{question.B}}
    C {{question.C}}
    D {{question.D}}
    提交

    驱动号 更多