html - 三个<li>,左中右

标签 html css

我有三个<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/

相关文章:

javascript - 将复选框标签复制到隐藏文本字段

jquery - 是什么导致了这种奇怪的顶部边距定位边缘情况?

css - 仅使用键盘时使我的下拉菜单可访问

javascript - 如何用光标删除图像以显示另一张图像?

html - Ionic2 圆形分段按钮

javascript - 关闭所有其他DIV和隐藏DIV的定位

php - 可视化来自 mySQL 数据库的数据并将其显示在 html 上?

javascript - 如何使用 jQuery 隐藏所有接下来的 "fieldset"元素?

html - 100% 高度减去标题?

javascript - 通过几个按钮滚动多个div的高度