如何使li中的文字垂直居中呢?

[anny000]

<style>
#nav{background:url(../images/navbg.jpg) repeat-x;height:34px;}
#nav ul,li{height:34px;}
#nav ul .ulleft{background:url(../images/ulleft.jpg) no-repeat left; padding-right:10px; width:13px;float:left;}
#nav ul .ulmid{float:left; padding:0 6px; line-height:34px; vertical-align:middle; font:bold 12px; color:#fff;}
#nav ul .ulmid a{ font:bold 12px; color:#fff; line-height:34px; vertical-align:middle; }
#nav ul .ulbtn{float:left; padding-left:15px;}
#nav ul .ulright{background:url(../images/ulright.jpg); width:11px; float:right; text-align:right;}
</style>

<div id="nav">
<ul>
<li class="ulleft"></li>
<li class="ulmid"><a href="#">首 页</a></li>
<li class="ulmid">|</li>
<li class="ulmid"><a href="#">222</a></li>
<li class="ulmid">|</li>
<li class="ulmid"><a href="#">333</a></li>
<li class="ulmid">|</li>
<li class="ulmid"><a href="#">444</a></li><li class="ulmid">|</li>
<li class="ulmid"><a href="#">666</a></li>
<li class="ulmid">|</li>
<li class="ulmid"><a href="#">777</a></li><li class="ulmid">|</li>
<li class="ulmid"><a href="#">888</a></li><li class="ulmid">|</li>
<li class="ulmid"><a href="#">999</a></li><li class="ulmid">|</li>
<li class="ulmid"><a href="#">000</a></li><li class="ulmid">|</li>
<li class="ulmid"><a href="#">555</a></li>
<li class="ulbtn"><img src="images/cc.jpg" alt=""></li>
<li class="ulright"></li>
</ul>
</div>

如何使li中的文字垂直居中呢? 以上代码，预览的时候发现"|"的文字都居上，其他的文字都可以居中，为什么啊，都用了line-height:34px; vertical-align:middle; 啊~

[jianh2008]

在我这里测试没有什么问题啊！是不是你编码有问题啊。我用的utf-32的。

[buhuiry01]

我这里也没有问题，我用的utf-8

[anny000]

我ie7，也是utf-8，还是有问题啊！

[wenrooroo]

#nav ul li{line-height:34px;}

[ginano]

valign:middle或者verit什么来着的style就是垂直居中的

[roughsen]

设置<LI>的高度和line－height的高度一样就可以。但是前提是保证<LI>里面的内容不要换行！！

[Rambo_8]

#nav ulmid{margin-bottom:-5px;}

其中：margin-bottom：后面的值根据情况再调

[anny000]

大家都试过吗？以上方法都尝试过了，均不起作用！为什么啊，有时候感觉css真是难控制！

[cloudgamer]

lz到底说啥