Css 导航栏内的图像居中

当导航栏只是文本时，此代码非常适合将其居中。水平和垂直

<>但是，当我尝试使用一幅图像作为家庭房屋图像时，它会偏移，不再垂直居中。

纳夫特先生{ 列表样式：无； 保证金：0； 填充：0； 文本对齐：居中； 背景色：黑色； } 李乃伟先生{ 显示：内联； } .导航a{ 显示：内联块； 填充：12px； 字体大小：正常； 颜色：白色； } 李娜：悬停{ 颜色：白色； 背景颜色：粉红色； } 如果添加.navt img{vertical align:middle；}，则会使图像与文本垂直对齐

纳夫特先生{ 列表样式：无； 保证金：0； 填充：0； 文本对齐：居中； 背景色：黑色； } 李乃伟先生{ 显示：内联； } .导航a{ 显示：内联块； 填充：0 12px； 字体大小：正常； 颜色：白色； 高度：44px； 线高：44px； } 李娜：悬停{ 颜色：白色； 背景颜色：粉红色； } .NAVTIMG{ 垂直对齐：中间对齐； }

---

你试过垂直对齐：中间吗？大部分有效。只是在悬停的文本下面有一个黑色边框。不在图片上-它的悬停是干净的顶部/底部。所以文本有一点底边。这是图像的大小问题吗？图像高于文本。我添加了一个高度和一个线条高度，使其垂直居中于文本，并删除了垂直填充。该图像高20像素，加上两倍12像素的填充，总高度为44像素