html - 三个，左中右

Question

我有三个<li> .不幸的是，我不能给他们每个人自己的类名(否则这会更容易)。

我需要一个左对齐，一个居中，一个右对齐。有没有什么方法可以在 CSS 中执行此操作来解释大小可变的 <ul> ？

查看其他问题，可以选择使用 li:last-child .对于使用大多数 IE 的任何人来说，这仍然是一个问题，因为支持仅存在于 IE9 中。

Answer 1

在这里 fiddle http://jsfiddle.net/q4d9r/

只需在 li 项上使用 33% 的宽度和 float:left。

将您的 ul 设置为您想要的任何 width。

编辑:

如果您绝对需要将它们完美对齐，您总是可以在上述方法之上使用 inline 样式。

http://jsfiddle.net/q4d9r/1/

<ul class="test">
    <li style="text-align:left">Item One</li>
    <li style="text-align:center">Item Two</li>
    <li style="text-align:right">Item Three</li>
</ul>