如何在页面上居中页脚div

ibi*_*lex 11 html css

我想以我的网页页脚为中心,并在它与上述内容之间创造一个合理的噱头.目前,页脚有一行和段落加入上述内容.我可以按下内容,但线条不会移动.我确信我错过了我的css样式表中的属性.有人可以帮忙吗?

这是我的html标记:

<div id="footer">
   <p>Copyright (c) 2010 mysite.com All rights reserved</p>
</div> 
Run Code Online (Sandbox Code Playgroud)

我可以用哪个css属性来解决这个问题?一个样本将不胜感激.谢谢.

小智 28

#footer{
    display: table;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
Run Code Online (Sandbox Code Playgroud)

  • 虽然代码只有答案可以解决问题,但包含某种解释要好得多. (2认同)

Bal*_*Bal 5

将div水平居中?通常通过设置margin:0 auto或margin-left:auto,margin-right:auto来完成。

而且,如果您希望在其上方留有空隙,请为其提供最大的边距。