我知道这个问题之前有人问过 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;
}
但是,前四个元素“阻止”最后一个子元素向左对齐。
我试过 float ,并绝对定位前四个元素,但似乎无法弄清楚。
任何想法将不胜感激!
最佳答案
http://jsfiddle.net/T5xc9/看到这个 fiddle 。它使用 text-align
和 float
来实现您想要的并且不使用绝对位置。一切都是相对的
关于html - 无序列表左浮动部分和右浮动部分在同一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16005008/