1

我的页面底部有一个页脚，上面有一些文字+几个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

谢谢！

4

1 回答 1

2

或者用你的footer：

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

转为max-width，width则text-align:center生效。
JSFiddle：http: //jsfiddle.net/pS5dW/6/

于 2013-07-24T19:52:41.130 回答