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

时间:2015-01-22 20:53:37

标签: html css menu center

我为垂直菜单栏写了一个简短的css脚本。

第一个项目应停靠在左侧,最后一个项目应停靠在右侧。

中间的项目应垂直居中。菜单栏本身也应该以verticaly为中心。

我读了一些文章,但每次都失败了。

我的资产:

那么,有人可以告诉我,我做错了什么吗?如果调整我的页面大小,这些项目是垂直浮动的,我知道原因,但我怎样才能更好地做到这一点?有一个想法,小费或网站给我?感谢

1 个答案:

答案 0 :(得分:0)

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

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