Question

我遇到的问题是，当我鼠标悬停在家中时，字体大小会增加，但文字会向下移动。我试过变换翻译，我尝试做位置相对于前25px或其他什么，但没有工作。

这里是悬停部分：

home:hover{   
    font-size: 25px;

}

这是HTML部分：

<nav> |<home> Home </home>| <photos> Photos </photos> | <contact> Contact </contact> | </nav>

这里是导航文本的CSS：

nav{   
    color: #ddfeff;
    font-family: Impact, sans-serif;
    text-align: center;
    padding: 5px 0 5px 0;
    word-spacing: 125px

}

home{
    color: #ddfeff;
    font-family: Impact, sans-serif;
    text-align: center;
    padding: 5px 0 5px 0;
    word-spacing: 125px

}

photos{
    color: #ddfeff;
    font-family: Impact, sans-serif;
    text-align: center;
    padding: 5px 0 5px 0;
    word-spacing: 125px

}

contact{   
    color: #ddfeff;
    font-family: Impact, sans-serif;
    text-align: center;
    padding: 5px 0 5px 0;
    word-spacing: 125px

}

如果您认为自己需要其他任何脚本，请告诉我。

提前致谢

Answer 1

如何添加vertical-align？

nav > * {
    vertical-align: middle
}

http://jsfiddle.net/dchkdbvq/

悬停问题字体大小增加？

1 个答案: