Question

我需要帮助集中我的CSS菜单。不知道为什么它没有居中。我玩填充物但它并没有真正改变任何东西。我知道你不能像使用HTML那样集中它。

这是CSS：

以下是页面：

谢谢！ -Mike

Answer 1

尝试在css菜单中添加margin：auto

#cssmenu {
    background: #000000;
    height: 44px;
    position: relative;
    width: 595px;
    margin: auto;
}

FIDDLE

Answer 2

添加保证金：0自动;到#CssMenu

#cssmenu {
position: relative;
height: 44px;
background: #000000;
width: 595px;
margin: 0 auto;
}

Answer 3

#cssmenu > ul {
  position: relative;
  display: block;
  background: #000000;
  height: 32px;
  width: 100%;
  z-index: 500;
  text-align: center; /*add this to center your li itens*/
  white-space: nowrap; /*add this if you dont want brake the 'HISTORY' link in another line*/

#cssmenu > ul > li {
  display: inline-block; /*you must remove float:left; and add change display to inline-block to display your li items side by side*/
  vertical-align: top; /*add this to make you li itens align by top*/
  position: relative;
  padding: 0;
}

需要居中我的CSS菜单

3 个答案: