html - 第二列中的中心按钮具有灵活的宽度?

标签 html css layout stylesheet

如何让 #top-menu 中的红色和黄色蓝色按钮居中?

http://jsfiddle.net/qhoc/qKXD2/

我的问题是我希望 #top-menu 保持在右侧并且不与整个屏幕宽度重叠。现在 #top-menu 中的任何内容都位于屏幕本身的中心。

谢谢。

最佳答案

像这样更改#top-menu .center 和#logo 样式我认为这就是您想要的

#logo {
  background-color: yellow;
  display: block;
  float: left;
  width: 180px;
  height: 45px;
  position:absolute;
 }


#top-menu .center {
  width: 235px;
  margin auto;
}

DEMO

关于html - 第二列中的中心按钮具有灵活的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12890431/

相关文章:

javascript - 按钮单击触发 anchor 选项卡

css - asp.net mvc View css 未按预期显示

javascript - 仅使用 CSS 自动调整此 div 的大小

HTML 无法识别 JavaScript

css - 布局时使用 em 或 rem

java - findViewByIdlayoutinflator 无法膨胀我的布局,使用时返回 null

jquery - 单击父级时如何使用 jQuery 切换子菜单

html - 如何正确对齐 span 和 input 元素?

php - 使用单独的链接 php 文件获取当前 session 信息

安卓 3 : Simulating the behaviour of a soft-keyboard for a virtual piano keyboard