将<a>元素中的文本与CSS垂直对齐[重复]

如果要将文本水平居中,请尝试:

text-align: center;

如果要将文本垂直居中,请尝试:

line-height: 40px; //Where 40px is the height of your parent element

请记住,当使用线条高度时,它只适用于 单线 的文本。如果你想做多行文本,那么恐怕你必须指定文本的高度,然后使用 position: absolute; 关于文本 position: relative; 在父元素上。

对于你的多行示例,我会尝试如下 the following jsFiddle :

li {
    list-style-type:none;
    margin:0;
    padding:0;
    position: relative;
    height: 60px;
    width: 200px;
    display: block;
    background:red;
}

li a {
    width:100px;
    height:40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
}