Css 正在尝试将图像垂直居中

只是一个关于在水平ul导航中垂直居中图像的快速示例

我希望F和Twitter垂直居中

这是我的密码

<div id="nav" class="twelvecol last">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">News</a></li>
            <li><a href="#">Gallery</a></li>
            <li><a href="#">Sponsors</a></li>
            <li><a href="#">Contact</a></li>
            <li><a href="#"><img src="images/fb.png"></a></li>
            <li><a href="#"><img src="images/twitter.png"></a></li>             
        </ul>   
    </div>

#nav
{


}

#nav ul
{
    height:60px;
    text-align:center;
    background: #cc0000; /* Old browsers */
    background: -moz-linear-gradient(top,  #cc0000 0%, #7c0000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#7c0000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cc0000 0%,#7c0000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cc0000 0%,#7c0000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cc0000 0%,#7c0000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cc0000 0%,#7c0000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#7c0000',GradientType=0 ); /* IE6-9 */


}

#nav li
{
    display:inline-block;
    font-size:18px;

}

#nav li a
{
    color:#FFF;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
    list-style-type:none;
    text-decoration:none;
}

#nav li a:hover{
    background:#F00;

}

#导航
{
}
#导航ul
{
高度：60px；
文本对齐：居中；
背景：#cc0000；/*旧浏览器*/
背景：-moz线性梯度（顶部，#cc0000 0%，#7c0000 100%）；/*FF3.6+*/
背景：-webkit渐变（线性、左上、左下、颜色停止（0%，#cc0000）、颜色停止（100%，#7c0000））；/*铬、Safari4+*/
背景：-webkit线性梯度（顶部，#cc0000 0%，#7c0000 100%）；/*Chrome10+，Safari5.1+*/
背景：-o-线性梯度（顶部，#cc0000 0%，#7c0000 100%）；/*Opera 11.10+*/
背景：-ms线性梯度（顶部，#cc0000 0%，#7c0000 100%）；/*IE10+*/
背景：线性梯度（至底部，#cc0000 0%，#7c0000 100%）；/*W3C*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#cc0000'，endColorstr='#7c0000'，GradientType=0）；/*IE6-9*/
}
#李海军
{
显示：内联块；
字号：18px；
}
#李娜
{
颜色：#FFF；
填充顶部：20px；
左侧填充：20px；
右边填充：20px；
垫底：20px；
列表样式类型：无；
文字装饰：无；
}
#导航李a：悬停{
背景：#F00；
}

---

感谢您为Facebook和Twitter的图形链接提供的任何帮助，我个人会使用背景图像代替文本

背景图像意味着您可以简单地使用

和/或

高度

等来控制垂直位置

在中列出了许多方法，我更喜欢使用

文本缩进