将图标添加到页脚
Posted
技术标签:
【中文标题】将图标添加到页脚【英文标题】：Add Icon to Footer 【发布时间】：2013-12-06 19:22:43 【问题描述】：如何？这是我完成的以下代码。
CSS：
#footer
padding: 0 10px;
background:#EEE;
bottom:0px;
right:0px;
left:0px;
position:fixed;
box-shadow: 0px 0px 8px 0px #000000;
#footer p
margin: 0;
padding: 10px 0;
和 html：
<div id="footer">
<p><center>2013 - Index</center>
<img style="text-align:right" src="./images/ranbir.jpg" ></p>
</div>
感谢您的帮助！
我正在尝试将 2013 - 索引放在中间，并且图标向右。但这似乎一点也不对。
【问题讨论】：
【参考方案1】：试试：
<img style="float:right" src="./images/ranbir.jpg" ></p>
或
<img style="position:absolute; right:0;" src="./images/ranbir.jpg" ></p>
如果这对你有帮助，请告诉我，如果你想看看它是否有效，请查看 http://jsfiddle.net/s89s7。
编辑：澄清一下，text-align 仅适用于该元素内的内容。例如
<body>
<p style="text-align:center">Text</p>
</body>
将在“p”内对齐“Text”，但不会在“body”内对齐“p”。希望这是有道理的。
【讨论】：
谢谢它有效。我如何让图标上升一点，与文本相同的行？你知道我的意思？ @joshhunt 我建议使用 position:absolute，这样你就可以控制它，并通过使用 top、bottom、left 和 right 让它去任何你想去的地方。例如。 destil.cz/images/***.png" > 看看更新的小提琴。以上是关于将图标添加到页脚的主要内容，如果未能解决你的问题，请参考以下文章