我知道这个问题在这里和这里之前已经被问过,但我无法将他们的解决方案应用于我的具体问题。
我有一个像这样的无序列表:
<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;
}
但是,前四个元素“阻止”了最后一个子元素向左对齐。
我试过浮动,并绝对定位前四个元素,但似乎无法弄清楚。
任何想法将不胜感激!