爲什麼圖標圖像對準容器頂部？ （鏈接到網頁）

Question

我很困難搞清楚爲什麼我網站上的圖標不對齊，因爲它在使用相同CSS和源文件的其他頁面上。

這是它在所有瀏覽器中表現異常的地方：http://igpmanager.com/account 「家」（網站徽標下的左上角）圖標由於某種原因與其容器頂部對齊。

然而，它與本頁面共享完全相同的HTML/CSS源代碼（據我所知）：http://igpmanager.com。然而，此頁面上的相同圖標與其容器的中間對齊。這也是我希望它位於/帳戶網址的地方。

這是什麼造成的？我已經很徹底地尋找答案，但一直沒有找到它的運氣。

Answer 1

其實一切都是頂部對齊，該文本降到較低的原因是因爲你已經設置

#nav a, #nav a:visited, #nav a:active { 
... 
line-height: 26px; 
... 
} 

哪個下來推你的文字，但行高度對圖像的定位沒有影響。你會刪除行高宣言和添加填充頂代替，減少了元件的高度更好地補償

#nav a, #nav a:visited, #nav a:active { 
    display: block; 
    background-color: #33383F; 
    color: #B3B6BF; 
    height: 18px; 
    padding: 4px 12px; 
    text-decoration: none; 
    font-weight: normal; 
    border: 1px solid #4D545F; 
    border-bottom: none; 
    border-radius: 4px 4px 0px 0px; 
    -webkit-border-radius: 4px 4px 0px 0px; 
    -moz-border-radius: 4px 4px 0px 0px; 
    word-wrap: break-word; 
}