Css 将列表垂直居中放置在div中 我希望我的导航链接垂直在父div的中间。我该怎么做

HTML:

---

我只想在导航div中添加一个15像素的填充：

#nav {
  background: #8DC3E9;
  border-bottom: 2px solid #4C88BE;
  height: 70px;
  padding-bottom: 15px;
  padding-top: 15px;
  width: 100%;
}

---

<>也，我强烈建议按字母顺序排列你的属性（正如我上面所做的），这样人们就可以更容易地找到他们所寻找的属性。

< P>根据你对另一个答案的评论，你希望它们在中间垂直对齐。由于您已经有了固定的高度，这应该可以：

#nav ul {
    margin: 0;
    vertical-align: middle;
    line-height: 70px;
}

---

使用

垂直对齐：中间对齐

与浏览器兼容。

我几乎无法让

垂直对齐

属性在所有（或任何）浏览器中正常工作。有关于如何使用它的提示吗？@Topher-它在Chrome、FF和ie8（我测试过的浏览器）中工作@兰斯-谢谢你。：）我一直在用它。重要的是要认识到，它用于更改元素子元素的垂直对齐方式，而不是您正在设置的元素。因此，它非常适合

容器对齐其子
• 元素；如果他没有一个短链接名，例如：极短链接名omg，它将被**屏蔽。不要使用线条高度来垂直对齐元素！Ermm垂直对齐应用于图元本身，而不是其子图元

  #nav {
    background: #8DC3E9;
    border-bottom: 2px solid #4C88BE;
    height: 70px;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%;
  }
  

  #nav ul {
      margin: 0;
      vertical-align: middle;
      line-height: 70px;
  }