Question

如何将图标添加到页脚？以下是我完成的以下代码。

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"  height="25" width="25"></p>
</div>

感谢您的帮助！

我试图将2013年 - 指数放在中心，图标正确。但它似乎根本不对。

Answer 1

尝试：

<img style="float:right" src="./images/ranbir.jpg"  height="25" width="25"></p>

或

<img style="position:absolute; right:0;" src="./images/ranbir.jpg"  height="25" width="25"></p>

如果您希望看到它有效，请告诉我是否可以帮助您并查看http://jsfiddle.net/s89s7。

编辑：为了澄清，text-align仅适用于该元素内的事物。 E.g。

<body>
    <p style="text-align:center">Text</p>
</body>

将“text”对齐在“p”内，但不会对齐“p”在“body”中。希望这是有道理的。

将图标添加到页脚

1 个答案: