使用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/