是否可以在列表项“展览”和“当前”之间留出更多空间,并且列表项“当前”和“上一个”之间的空间更小?改变#mainmenu2中的填充权限li会平均改变每个填充的空间。
jsfiddle:http://jsfiddle.net/zuVu7/9/
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 />
答案 0 :(得分:1)
将其添加到CSS的底部,并根据需要调整padding-right:
#mainmenu2 li:first-child {
padding-right: 50px;
}
答案 1 :(得分:1)
试试这个
#mainmenu2 li
{
display: inline;
list-style-type: none;
padding-right: 15px;
}
#mainmenu2 li span
{
margin-right:15px;
}
答案 2 :(得分:0)
是的,给li一个类或ID并引用它。根据您的要求调整边距或填充。