Question

我知道在here和here之前已经问过这个问题，但我还没有能够将他们的解决方案应用到我的具体问题中。

我有一个无序的列表：

<nav>
    <ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
    <li>d</li>
    <li>e</li>
    /ul>
</nav>

但是最后一个孩子必须向左漂浮而其他元素向右漂浮。

注意，我想避免在任何列表元素周围添加类或html，因为它们是由PHP在一个变量中生成的。但是，向nav和ul标签添加类很好。

到目前为止我想出的是以下css：

nav li {
    display: inline;
    list-style: none;
    text-align: right;
}

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

然而，前四个元素是＆＃34;阻止＆＃34;最后一个孩子能够左对齐。

我尝试过漂浮，并将前四个元素定位为绝对，但似乎无法弄明白。

任何想法都将不胜感激！

Answer 1

http://jsfiddle.net/T5xc9/看到这个小提琴。它使用text-align和float来实现您的期望，并且不使用绝对位置。一切都是relative

Answer 2

这有用吗？我没有上课，只有定位。 http://tinker.io/926d2/16