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/

相关文章:

html - div 边框 - 折叠到 0 高度

html - CSS 滑动窗口圆 Angular 按钮 : how to avoid the "dead" area on right side of "window"?

css - 如果不向 HTML 结构添加更多内容,是否可以实现这种 flexbox 布局?

jquery - 如果 div 有内容显示 div

javascript - Phantom JS 消除屏幕截图的边距

css - Node.js 重定向 CSS 302 暂时移动

css - 两列布局,无需 JavaScript 即可重新排序元素

html - Bootstrap 3 - 部分 - 如何居中图像

java - 我们如何在 SWT 中自动调整组件的大小?

HTML,使用相对 URL 作为 BASE URL?