html - 如何在div中垂直居中链接？

Question

我在垂直居中链接时遇到问题。谁能告诉我如何在#nav-links div 中垂直居中我的链接？我的布局在这里 http://deliciousmanga.com/demo/

Answer 1

您应该使用表格行为并将导航栏容器设置为最大高度:

#nav-links {
    float: right;
    width: 48%;
    height: 100%;
    display: table;
}
#nav-links ul {
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
}