可以在二級導航欄不垂直居中文本

在這一個特殊頁面，我添加了一個二級菜單（灰色條）主菜單下（紅色條）有，點擊後，會向下滾動頁面幾個環節到正確的區域。可以在二級導航欄不垂直居中文本

二級菜單是，默認情況下，比我想的要高 - 因此通過增加高度：40像素;價值，我能夠達到我想要的高度。然而，頁面鏈接固執地不會隨着菜單的高度而調整，因此當被查看時，它們顯然不在正確的位置。

有一個特定的CSS值我可以補充，試圖幫助這個問題？我已經嘗試調整邊緣頂部，填充頂部，垂直對齊等等，還有一些調整了灰色條，但絕對沒有任何東西需要爲我調整文本。

它沒有幫助，我使用的是付費的主題我買的，而不是一個我自己開發的（在試圖讓別人誰接管現場現場管理更加容易，這更是一個「拖放下「模板）。

http://www.miltonpreserve.com/about/

2015-11-06 proxlars

請在此處添加有意義的代碼和問題描述。請不要鏈接到需要修復的網站 - 否則，一旦問題得到解決，或者您鏈接到的網站無法訪問，此問題將對未來的訪問者失去任何價值。發佈 [最小，完整和可驗證示例（MCVE）]（http://stackoverflow.com/help/mcve）顯示您的問題將幫助您獲得更好的答案。欲瞭解更多信息，請參閱 [我網站上的某些內容不起作用。我可以只粘貼一個鏈接嗎？]（http://meta.stackexchange.com/questions/125997/）謝謝！ – j08691

看起來你添加的40像素高度與#aboutmen ID股利。但是，嵌套在該div中的一些內容具有填充，使其高於此值。如果您從＃menu-about-menu中刪除填充，則應該看到文本變得可見。然後（如果需要），您可以將'vertical-align：middle'添加到嵌套在＃menu-about-menu中的元素。

這裏是你要什麼的簡化版本：

HTML

<div class="outer"> 
    <div class="inner"> 
    <div class="text">item one</div> 
    <div class="text">item two</div> 
    </div> 
</div>

CSS

outer { 
    height: 40px; 
    background-color: yellow; 
} 

.inner { 
    padding: 30px; 
}

這個簡單的例子有您遇到了同樣的問題。如果您從.inner中刪除填充，您會看到問題消失。這是一個 jsfiddle具有相同的代碼。

希望有幫助！

來源

2015-11-06 18:16:04 jennEDVT

可以在二級導航欄不垂直居中文本

回答

相關問題