很难给你一个确切的答案,因为我不知道你用来打印菜单的PHP代码。您需要有一个循环,并在<LI>
元素,但最后一个元素除外,因为您不希望在菜单末尾有//。
对于CSS/HTML部分,您可以遵循chimpchomp的指导,在每个<li>
, 像这样:
<li>HOME</li>
<span>//</span>
<li>HOME</li>
您需要修改每个LI之间的边距,以便//显示在菜单选项之间的正中央。您现在有:
header nav ul li {
display: inline;
margin: 0 0 0 20px;
padding: 0;
}
您可以对此进行更改,使左右边距相同,类似于:
margin: 0 10px 0 10px;