Question

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

这是我的html标记：

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

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

Answer 1

#footer{
    display: table;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

Answer 2

水平居中div？通常通过设置margin：0 auto或margin-left：auto，margin-right：auto。

来完成

如果你想要一个高于它的差距，给它一个上边距。

Answer 3

使用margin：使用CSS自动中心块，并使用margin-top或padding-top在其上方留出空白：

#footer {
    margin-left:auto;
    margin-right:auto;
    margin-top:2em;
}

我用2em作为上边距;您可以随意更改，如果您愿意，甚至可以更改为固定的像素大小。您也可以使用填充顶部或代替margin-top，具体取决于您需要实现的目标，尽管居中只能通过左/右边距来完成，而不是填充。

上面的代码可以使用速记边距代码进行压缩，这使您可以在同一行代码中列出所有代码：

#footer {
    margin: 2px auto 0 auto;
}

（序列是顶部，右侧，底部，左侧）

希望有所帮助。

Answer 4

我解决了这个问题：

#footer {
width: 100%;
height: 28px;
border-top: 1px solid #E0E0E0;
position: absolute;
bottom: 0px; 
left: 0px; 
text-align: center; 
}

Answer 5

您可以使用以下CSS

对文本进行居中

#footer {
  margin: 0 auto;
}

如果您想在顶部添加更多空间

margin-top: 2em;

之前的保证金线。请注意，订单很重要，因此如果您margin-top首先被margin规则覆盖，则

。

页脚上方的空垂直间距也可以使用

padding-top: 2em;

margin和padding之间的差异可以在W3C's CSS2 box model上阅读。重点是margin在div元素的边框上方留出空间，因为padding使内的空间 div。使用哪个属性取决于其他页面元素的属性。

Answer 6

我将此代码用于最低版权。

.footer-copyright {
    padding-top:50px;
    display: table;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

Answer 7

    #Panel01 {

    vertical-align:bottom;
    bottom: 0;
     margin-left:auto;
     margin-right:auto;
     width: 400px;
    height: 100px;
}

注意：

# Panel1是DIV的ID，上面的代码是CSS。
重要的是DIV必须足够大以容纳物品在其中。

Answer 8

#footer{
text-align:center
}

Answer 9

.copyright {
    margin: 10px auto 0 auto;
    width: 100%;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-style: normal;
    text-align: center;
    color: #ccbd92;
    border-top: 1px solid #ccbd92;
}

如何在页面上居中页脚div

9 个答案: