CSS 设置导航菜单文字内容垂直居中

在网页的菜单中一般是不会缺少菜单元素的，在外包的要求中，有一项是默认的，就是菜单中文字元素必须在垂直位置上居中，这里一般来说我都是通过调节padding-top，padding-bottom，margin-top，margin-botom去设置文字内容离上方和下方的间距，从而实现垂直方向上居中的。可是现在我发现如果浏览器的设置发生变化，这个居中并不是绝对的，现在发现只需要在设定菜单元素高度的同时，设定下line-height为相同的数值即可，例如下面用CSS代码做个例子：

li{height:25px;

line-height:25px;

float:left;

xxxx:yyyy;}

这样就可以使得文字内容自动居中了，这里唯一要注意的就是，height与line-height的数值相同即可。