通过设置CSS属性让DIV水平居中

时间:2022-05-24 14:59:23

通过设置CSS属性让DIV水平居中

----------------------

<html>
    <head>
        <title></title>
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">
        <style type="text/css">
            #content {
                text-align: center;      /*文字水平居中*/
                margin-right: auto;
                margin-left: auto;
                vertical-align:middle;/*文字垂直居中*/
                line-height:200px;      /*垂直居中的高度*/
                height:200px;          /*div的高度*/
                width:400px;          /*div的宽度*/
                background:#cef;      /*div的背景颜色*/
            }
        </style>
    </head>
    <body>
        <div id="content">
            <b>真的居中了</b>
        </div>
    </body>
</html>

通过设置CSS属性让DIV水平居中

------------------------------