水平菜单选项卡中的不同宽度间距

列表项目“展览”和“当前”之间是否可以有更多空间并且列表项目“当前”和“之前”之间的空间较少？在＃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

水平菜单选项卡中的不同宽度间距

回答

相关问题