html - 使用 css 创建水平菜单(居中和停靠)

Question

我必须为垂直菜单栏编写一个简短的 CSS 脚本。

第一项应停靠在左侧，最后一项应停靠在右侧。

中间的元素应该垂直居中。菜单栏本身也应该垂直居中。

我读过一些文章，但都失败了。

我的 Assets :

• html 标记:http://pastebin.com/pSaWH9gJ
• 使用的 CSS:http://pastebin.com/AqBxwNX9

那么，有人可以告诉我，我做错了什么吗？如果调整我的页面大小，元素垂直 float ，我知道这是为什么，但我怎样才能做得更好？有什么想法、技巧或网站可以帮我吗？谢谢

Answer 1

如果你可以使用伪选择器试试这个代码...

#nav li:first-child {
    text-align:left;
}
#nav li:last-child {
    text-align:right;
}

此外，最好使用 jsfiddle.com 来展示您到目前为止所做的工作。我继续将您的代码复制到 http://jsfiddle.net/b8f0mava/ 中

您可以在此处阅读有关 css 伪选择器的更多信息:

http://css-tricks.com/almanac/selectors/f/first-child/

http://css-tricks.com/almanac/selectors/l/last-child/