我有以下 div:
<div id="footer">
Copyright 2011 <a href="http://www.mauricederegt.com" target="_blank">mauricederegt.com</a> | <img src="images/facebookIconSmall.jpg" alt="" />
<a href="http://apps.facebook.com/mahjong_solitaire/" target="_blank">Facebook</a> | <img src="images/twitter.gif" alt="" />
<a href="https://twitter.com/mahjonggame" target="_blank">Twitter</a>
</div>
使用这个 CSS:
#footer {
position: relative;
z-index:999999;
width: 760px;
/*height: 50px;*/
top: 617px;
vertical-align: middle;
border: 1px solid #333;
text-align: center;
font-size:11px;
display:table-cell;
}
#footer img {
position:relative;
bottom: -3px;
}
但是当加载这个时,div 的内容不是在中间对齐,而是在底部对齐。我错过了什么?
最佳答案
如果您将 vertical-align: middle;
设置为 img 标签和 a 标签,那么它们将对齐。
我还会将版权放入 span 标签中并设置垂直对齐。
我把它全部放在一个 jsFiddle 中:http://jsfiddle.net/qJk4s/
(你需要向下滚动才能看到页脚,因为你绝对定位了它)
关于css - div 中的垂直对齐被忽略,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8674445/