Question

我有Html和Css标签。我的问题是我想要我们我的身体在页面的中心？而且我也不想使用中心标签？有我的标签

body {
    background-image:url(../Image/bg1.jpg);
    margin:0;
    padding:0;
    padding-top:10px;
}
/*Header Start*/
 .Header {
    background-color:red;
    width:801px;
    height:141px;
}
.Logo {
    width:100px;
    height:100px;
    display:block;
}
.socialapp {
    display:inline;
    width:50px;
    height:50px;
}
/*Header End*/
 .content {
    background-color:yellow;
    width:800px;
    height:1000px;
}
.footer {
    background-color:green;
    width:800px;
    height:138px;
}

我的整个问题是Body Tag !! 请帮帮我

Answer 1

您可以为身体标签添加一些宽度，目前为自动。添加margin:auto

body {
    background-image:url(../Image/bg1.jpg);
    margin:0;
    padding:0;
    padding-top:10px;

    width:800px;
    margin:auto;
}

或 在body标签内创建一个包装div：

<强> HTML：

<body> <div id="wrapper"> your header,content, footer etc code here... </div> </body>

<强> CSS：

#wrapper{ width:800px; margin:auto; }

我不能把身体放在中心？

1 个答案: