使用CSS创建水平菜单（居中和停靠）

Question

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

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

中间的项目应垂直居中。 菜单栏本身也应居中居中。

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

我的资产：

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

那么，有人可以告诉我，我做错了吗？ 如果调整页面大小，则项目垂直浮动，我知道原因，但是如何更好地做到这一点？ 有什么想法，提示或网站吗？ 谢谢

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/