1

我知道这个问题在这里这里之前已经被问过,但我无法将他们的解决方案应用于我的具体问题。

我有一个像这样的无序列表:

http://tinker.io/926d2/5

<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;
}

但是,前四个元素“阻止”了最后一个子元素向左对齐。

我试过浮动,并绝对定位前四个元素,但似乎无法弄清楚。

任何想法将不胜感激!

4

2 回答 2

6

http://jsfiddle.net/T5xc9/看到这个小提琴。它使用text-alignfloat实现您想要的并且不使用绝对位置。一切都是relative

于 2013-04-14T22:51:09.780 回答
2

这有帮助吗?我没有使用类,只使用定位。 http://tinker.io/926d2/16

于 2013-04-14T22:44:10.330 回答