Question

我的页面底部有一个页脚，有一些文字+几个png。

我正在努力使一切都集中。当我尝试margin: 0 auto时没有任何反应。但我的页脚没有块元素，所以这是有道理的。还尝试text-align: center只会在文本上，但仍然没有任何反应。

以下是代码：

<footer>
    <span class="contact"> Made by me - <a href="mailto:test90@gmail.com">test@gmail.com</a></span>
    <img src="http://i.imgur.com/M3RtrFw.png" alt="Twitter"> 
    <img src="http://i.imgur.com/NfLMXs9.png" alt="Google+"> 
    <img src="http://i.imgur.com/oLWJ205.jpg" alt="Facebook">
</footer>

CSS：

img{
    max-width: 100%;
}

img[src*="imgur"]{
    width: 30px;
    height: 30px;
    margin: 0 20px;
}

footer{
    max-width: 100%;
    position: absolute;
    top: 430px;
}


span.contact{
    font-family: 'Sunshiney', cursive;
    font-size: 1.2em;
    letter-spacing: 1px;
    text-align: center;
}

这里还有小提琴：fiddle

谢谢！

Answer 1

或者使用footer：

执行此操作

footer{
    width: 100%;
    text-align:center;
    position: absolute;
    top: 430px;
}

将max-width转为width，然后text-align:center即可生效 JSFiddle：http://jsfiddle.net/pS5dW/6/

居中文本+图像CSS

1 个答案: