让文字上下居中的一个技巧就是设置行高与父元素高度一致，但是我出现了一个问题，就是前面的图片会往下走，不知道为什么，下面是代码和效果图
.nav .logo img{ height: 60px; } .nav .logo span{ font-size: 30px; line-height: 60px; color: white; }之后发现了一个解决方案，就是使用vertical-align: top;跟父元素最高保持同一高度
.nav .logo img{ height: 60px; vertical-align: top; } .nav .logo span{ font-size: 30px; line-height: 60px; color: white; }