水平菜單選項卡中的不同寬度間距

列表項目「展覽」和「當前」之間是否可以有更多空間並且列表項目「當前」和「之前」之間的空間較少？在＃mainmenu2 li中更改填充右鍵同樣改變每個填充的空間。水平菜單選項卡中的不同寬度間距

CSS

@charset "UTF-8"; 
/* CSS Document */ 

.bg { 
    background-attachment:fixed; 
    background-repeat: no-repeat; 
    -moz-background-size: cover; 
    background-size: cover; 

    } 


#mainmenu2 
{ 
position:relative; 
    left: 72px; 
    padding-top: 60px; 
} 

#mainmenu2 li 
{ 
display: inline; 
list-style-type: none; 
padding-right: 32px; 


}

和HTML是：

<body class="bg"> 


<div id="navcontainer"> 
<ul id="mainmenu2"> 
<li><span class="secondarytextcolour">EXHIBITION</span></li> 
<li><a href="#" class="secondarysubtextcolour">CURRENT</a></li> 
<li><a href="#" class="secondarysubtextcolour">PREVIOUS</a></li> 
</ul> 
</div> 
<div> 
<img src="line.jpg" align="top" width="100%" height="1" /> 
</div> 

<br />

來源

2013-07-26 user2617190

試試這個

#mainmenu2 li 
{ 
display: inline; 
list-style-type: none; 
padding-right: 15px; 


} 
#mainmenu2 li span 
{ 
    margin-right:15px; 
}

來源

2013-07-26 04:22:05 Gangadhar

是的，工作 - 謝謝 – user2617190

是，得到鋰類或ID和引用它。根據您的要求擺弄邊距或填充。

來源

2013-07-26 04:15:22 andrewb

http://jsfiddle.net/zuVu7/11/我想我仍然做錯了什麼，在li上添加了一個名爲current的類並添加了填充，但沒有改變？ – user2617190

添加到您的CSS的底部，並根據需要調整填充右：

#mainmenu2 li:first-child { 
    padding-right: 50px; 
}

來源

2013-07-26 04:19:45 Tom

水平菜單選項卡中的不同寬度間距

回答

相關問題