css - 使用css对齐菜单中的单个按钮

标签 css menu

<分区>


要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用,以及预期结果。另请参阅:Stack Overflow question checklist

关闭 9 年前

我在一个网站上工作,多年来一直在尝试创建一个菜单,该菜单在左侧有常规按钮,在右侧有一个按钮。看来无论我怎么努力都无济于事!这是一个带有一些样式和 float 的基本 ul li,但无论我尝试什么,我都不能只向右移动一个 li,我该怎么办?谢谢

最佳答案

添加到 Mike 的答案中,这会更好,因为不需要将其绝对定位,因为您已经在其上使用了 float ,您可以只将一个元素向右浮动。

http://jsfiddle.net/v6vq8/2/

HTML:

<ul class="menu">
  <li><a href="#">button 1</a></li>
  <li><a href="#">button 2</a></li>
  <li class="standout"><a href="#">button 3</a></li>
  <li><a href="#">button 4</a></li>
  <li><a href="#">button 5</a></li>
</ul>

CSS:

.menu li {float:left;}
.menu a {display: block; background: #333; color: #fff; padding: 3px 5px; margin: 0 2px;}
.menu .standout { float:right; }

关于css - 使用css对齐菜单中的单个按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20017998/

上一篇:php - 通过 ajax post 将 div Html 和 Css 保存在数据库中。

下一篇:javascript - 使用 html/js 的多配置文件 css 属性值

相关文章:

css - 我应该在 CSS 中使用什么来在导航栏中的水平列表项之间创建空格?

html - CSS 在 jQuery 拖放后没有正确更新,但在 Inspector 中可以

html - 是否可以为 Facebook 页面插件提供圆 Angular ?

java - 当我猜错单词时,为什么我的菜单不显示?

javascript - 不使用 data-id 标签的 Jquery 菜单

javascript 在超时时隐藏下拉菜单

wpf - 如何更改 WPF 菜单的图标列大小?

css - 使用 :extend() in LESS with pseudo-elements

css - 部署服务器上的页面 CSS 失败

javascript - 在 CSS 中显示来自数据集的数据?