css - 垂直居中显示 : inline-block 的元素

Question

我的导航中有以下结构:

ul > ((li>a) * 2)

元素的CSS是:

ul {height: 29px; list-style: none;}
li {
    display: inline-block;
    height: 23px;
    zoom: 1;
    *display: inline;
}

如何将 li 在 ul 中垂直居中？
谢谢!
编辑: a 元素是 li 元素的子元素。

Answer 1

如果你的高度是固定的，最简单的解决方案是给 li 一个 3px 的上边距。

备选方案:

ul {
  height: 26px;
  padding-top: 3px;
  list-style: none;
}