display：table-cell with text-align：center

Question

我正在进行滑入式，全屏导航类型的设置，一切都运行得相当好（尽管我绝对愿意改进概念！）。我的问题是在垂直对齐的div中居中对齐文本。我在提供的笔中尝试了通常的text-align：center on ul，li，a和div，但没有任何内容。

我尝试使用以下内容在li中添加div，但它只是没有按预期工作：

ul li a {
  display: table;
  height: 25vh;
}

ul li a div {
  display: table-cell;   
  vertical-align: middle;
}

有什么想法吗？

Codepen：http://codepen.io/robotsmeller/pen/OWOxor

Answer 1

你只需要添加

ul li a {
  line-height: 25vh;
  margin: 0 auto;
}

请参阅更新的codepen http://codepen.io/anon/pen/qRxQrm

希望有所帮助

Answer 2

使用此

ul li div a {
  margin: 0 auto;
}