页脚使用HTML＆CSS-

我正在创建一个网站，并且页面底部有一个页脚。我想将文本放置在当前位置的上方，而不增加页脚的高度。有人能告诉我该怎么做吗？页脚使用HTML＆CSS-

当前HTML是

<div class="footer"> 
<ul id="footer"> 
<li> <img src="Images/facebook.png" /> <img src="Images/twitter.png" /> </li> 
<li> Jewllery</li> 
<li> ADDRESS </li>  
<li> TEL PHONE</li> 
</ul> </div>

和当前css是

.footer   

{ 
text-align:centre; 
background-color:#C8C8C8; 
color:#000000; 
} 


#footer li  
{ 
display:inline-block; 
padding-right:3em; 
}

来源

2013-12-12 user3046451

你可以再试一次来描述你想要做什么吗？ – Brad

你是什么意思？你想将文本移动到页脚中间？ [DEMO HERE]（http://jsfiddle.net/Ruddy/28HVP/）像这样？ – Ruddy

您可以设置一个负的margin-top这样：

.footer { 
    margin-top: -3em; 
}

编辑：他试图做的是将脚注内的文本向上移动，而不是脚本本身。所以你必须给锂元素负的margin-top：

#footer li { 
    display:inline-block; 
    vertical-align:middle; 
    margin-top: -50px; 
}

来源

2013-12-12 13:58:30 xeraphim

谢谢...我已经尝试过这一点，它将整个页脚移动，并使我的页脚和另一个div超过流动，但我希望有一个差距...有没有任何方法可以让内容上移而不移动页脚的位置还是变大了？ – user3046451

您可以在页脚内部提供一个css-class（例如p.footer），它具有负边距。或者你可以给你的页脚李类负面的边缘应该也工作。看到这里： http://jsfiddle.net/28HVP/2/ – xeraphim

这已经工作了！非常感谢你一直在苦苦挣扎！ – user3046451

有一两件事你可以尝试

.footer { 
    margin-top: -1em; 
}

来源

2013-12-12 13:57:52 beautifulcoder

从你说什么即时通讯以它作为（移动在页脚上去的文字，实际上并没有影响页脚）

将页脚页边距设置为负值。

#footer{ 
    margin-top:-20px; 
}

来源

2013-12-12 14:02:42 wazzaday

页脚使用HTML＆CSS-

回答

相关问题