我想让网页底部居中,并在其与上面的内容之间创建合理的间隔。目前,页脚与上面的内容有一条线和段落连接在一起。我可以将内容向下推,但是线条不会移动。我确定在我的CSS样式表中缺少某个属性。能否有人帮忙?
这是我的HTML标记:
<div id="footer">
<p>Copyright (c) 2010 mysite.com All rights reserved</p>
</div>
哪个CSS属性可以解决这个问题? 能否给个示例? 谢谢。
我想让网页底部居中,并在其与上面的内容之间创建合理的间隔。目前,页脚与上面的内容有一条线和段落连接在一起。我可以将内容向下推,但是线条不会移动。我确定在我的CSS样式表中缺少某个属性。能否有人帮忙?
这是我的HTML标记:
<div id="footer">
<p>Copyright (c) 2010 mysite.com All rights reserved</p>
</div>
哪个CSS属性可以解决这个问题? 能否给个示例? 谢谢。
#footer{
display: table;
text-align: center;
margin-left: auto;
margin-right: auto;
}
如何使 div 水平居中?通常使用 margin: 0 auto
或 margin-left: auto; margin-right: auto
进行设置。
如果想在其上方留白,则给它设定一个上边距。
#footer {
margin-left:auto;
margin-right:auto;
margin-top:2em;
}
#footer {
margin: 2px auto 0 auto;
}
< p > (序列从上,右,下,左)
< p > 希望这能帮到你。
#footer {
width: 100%;
height: 28px;
border-top: 1px solid #E0E0E0;
position: absolute;
bottom: 0px;
left: 0px;
text-align: center;
}
#footer {
margin: 0 auto;
}
margin-top: 2em;
在前一个边距线之后。请注意,顺序很重要,因此如果您首先使用margin-top
,它将被margin
规则覆盖。
可以使用更多的空白垂直间距来放置在页脚上方
padding-top: 2em;
margin
和padding
的区别可以在W3C的CSS2盒模型中了解。主要的区别是margin
会在div
元素的边框上方留出空间,而padding
则会在div
内部留出空间。使用哪个属性取决于其他页面元素的属性。
我使用了这段代码来实现底部版权信息。
.footer-copyright {
padding-top:50px;
display: table;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#Panel01 {
vertical-align:bottom;
bottom: 0;
margin-left:auto;
margin-right:auto;
width: 400px;
height: 100px;
}
注意:
#
Panel1是一个DIV的ID,上述代码是CSS。#footer{
text-align:center
}
.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;
}