Question

我的代码： http://jsbin.com/yowava/1/edit?output

我已经尝试了所有搜索过的内容，但是ul＆gt; li中的元素不能在div中以垂直为中心。

抱歉我的英语不好！谢谢你的帮助！

Answer 1

使用您的示例，最简单的方法是：

#menu li {
  line-height:33px;
}

DEMO

Answer 2

设置为line-height，与height的{{1}}相同。

ul

Answer 3

您可以尝试填充，这是最简单的方法之一。

只需将其添加到nav

即可

  padding-top:10px;

Answer 4

如果你要使用display:table;技巧，你只需要这个

*{
  margin: 0;
  padding: 0;
}
#nav{
    width: 100%;
    height: 33px;
    background-color: yellow;
    display: table;

}
#menu{
    display: table-row;
}
#menu li{
    display: table-cell;
    vertical-align: middle;
    margin-right: 5%;
    float: right;
}

但这并不意味着vertical-align仅适用于表，请检查@ http://phrogz.net/css/vertical-align/

如何将li＆gt;元素置于div中？

4 个答案: