1

列表项“展览”和“当前”之间是否可以有更多空间，而“当前”和“上一个”列表项之间是否可以有更少的空间？更改 #mainmenu2 li 中的 padding-right 会平均更改每个空间的空间。

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 />
4

3 回答 3

1

将此添加到 CSS 的底部，并根据需要调整 padding-right：

#mainmenu2 li:first-child {
   padding-right: 50px;   
}
于 2013-07-26T04:19:45.263 回答
1

尝试这个

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


}
#mainmenu2 li span
{
    margin-right:15px;
}
于 2013-07-26T04:22:05.930 回答
0

是的，给 li 一个类或 ID 并引用它。根据您的要求摆弄边距或填充。

于 2013-07-26T04:15:22.977 回答