我有三个<li>
.不幸的是,我不能给他们每个人自己的类名(否则这会更容易)。
我需要一个左对齐,一个居中,一个右对齐。有没有什么方法可以在 CSS 中执行此操作来解释大小可变的 <ul>
?
查看其他问题,可以选择使用 li:last-child
.对于使用大多数 IE 的任何人来说,这仍然是一个问题,因为支持仅存在于 IE9 中。
最佳答案
在这里 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>
关于html - 三个<li>,左中右,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21169489/