居中文字+图片CSS

我的页脚底部有一些文字+几个png。居中文字+图片CSS

我试图让所有东西都居中。当我尝试margin: 0 auto没有任何反应。但我的脚注没有块元素，所以这是有道理的。也尝试text-align: center哪些只会在文本上，但仍然没有任何反应。

下面的代码：

<footer> 
    <span class="contact"> Made by me - <a href="mailto:[email protected]">[email protected]</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

谢谢！

来源

2013-07-24 Nilzone-

还是做你的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-24 19:52:41 Cherniv

当我把它从最大宽度改为正好宽度时，它就像你写的那样使用文本对齐:)使用max-width btw有什么问题？ –

@ Nilzone-没有错，但在你的情况下，你只是不需要它。 'max-width'不适用于它们的'width'在页面生命期间不会改变的元素，并且将始终保持100％ – Cherniv

为什么文本在我将其更改为max-宽度？ –

居中文字+图片CSS

回答

相关问题