調整跨度的高度與CSS

我試圖使一個移動着陸點的菜單。我遇到的問題是div內的項目被設置爲高於包含div的高度，這是擰緊垂直對齊。我嘗試過很多不同的事情，以手動設置高度，但沒有任何工作。我也嘗試將邊距和填充設置爲0.沒有任何工作。調整跨度的高度與CSS

代碼：

<div id="menu"> 
    <div><span><h4><a class="menuItem" href="find-us.html">Find us</a></h4></span></div> 
    <div><span>Promos</span></div> 
    <div><span>Events</span></div> 
    <div><span>Gallery</span></div> 
</div>

http://jsfiddle.net/milkman15/r6VDe/1/

來源

2014-01-29 Brant Barton

第一項設置爲h4，因爲我也在嘗試不同的子選擇器..其中也失敗 –

使它成爲一個「嵌入塊」元素 –

其中你的CSS？你能創造一個小提琴嗎？現在包括 – andi

您可以設置在DIV一個最低高度和刪除CSS的跨度內

http://jsfiddle.net/mx28a/1/

#menu div{ 
    font-size:2.5em; 
    width:93%; 
    height:14%; 
    margin-top:7%; 
    display:inline-block; 
    background:rgba(000,000,000,0.6); 
    text-transform:uppercase; 
    min-height: 60px; 
}

我增加了最小高度作爲最後一項。由於divs是使用百分比設置的，因此當屏幕高度變小時，div的高度也會變小。你的字體對於div來說太大了，所以當你減小窗口的高度時它會流血。通過設置一個最小高度，你可以阻止這種情況發生

來源

2014-01-29 20:51:22 Huangism

65工作得更好，但謝謝！:) –

調整跨度的高度與CSS

回答

相關問題