居中页面是再常见不过的操作了,

<center></center>

标记是不能用了,text-align:center;也是没有效果的。正确的做法如下:

<html>
    <head>
        <title></title>
        <style type="text/css">
            body {
                margin:auto;
            }
            .content {
                margin:auto;
                width:1000px;
            }
            .element-border {
                border:dotted 1px gray;
            }
         </style>
    </head>
    <body>
        
</body> </html>

关键是两个,父级元素跟子级元素margin:auto;,子级元素限定宽度。

By charlie

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注