如何在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; 
} 

Answer 2

最简单的办法是调整填充顶：* PX上＃导航链接

另一种方式是让一切的div，然后只需风格的股利，并写入文本在div内。 设置位置：相对;顶部：50; transform：translate（0，-50％）;

Answer 3

最简单的方法是通过CSS固定行高等于你的容器高度

在如果你想保留所有的工作，你可以改变margin-top元素

#nav-links a { 
    float: left; 
    text-decoration: none; 
    color: #CC020C; 
    font-size: 1em; 
    font-weight: bold; 
    margin-left: 1%; 
    margin-right: 1%; 
    padding: 2%; 
    background-color: #FFF; 
    margin-top: 10px; 
}