0

我试过在 CSS 中使用position:centerand 。middle在我尝试过的 HTML 代码中，align="center;middle"但似乎没有任何效果。我需要将按钮对齐在页面的中心而不是左侧。我已经更换了几个代码，但仍然没有。角落也不会改变。

小提琴

这是HTML代码：

<div id='cssmenu'>
  <ul>
  <li class='has-sub last' id="iefix">
    <a rel=nofollow href='#'><span>Choose a model</span></a>
    <ul>
      <li id="iefix"><a rel=nofollow href='#'><span>iPhone 3GS</span></a></li>
      <li id="iefix"><a rel=nofollow href='#'><span>iPhone 4</span></a></li>
      <li id="iefix"><a rel=nofollow href='#'><span>iPhone 4S</span></a></li>
      <li class='last'  id="iefix"><a rel=nofollow href='#'><span>iPhone 5</span></a></li>
    </ul>
  </li>
  </ul>
</div>
4

6 回答 6

1

在第 29 行，您将float按钮的 设置为left。将此更改为text-align:center;，按钮将居中

#cssmenu > ul > li {
  text-align:center;
}

然后，如果您以 为目标a，您应该能够更改边框半径。

#cssmenu > ul > li > a {
  border-radius:10px;
}

小提琴

于 2013-08-31T15:38:12.247 回答
1

text-align:center对于容器 div 和display:inline-blockul 做的伎俩 - http://jsfiddle.net/LnSRb/3/

于 2013-08-31T15:39:03.157 回答
1

版本 1：

#cssmenu ul {
  width: 165px;
    margin: 0 auto;
  list-style: none;
}

演示

版本 2：

#cssmenu ul {
  list-style: none;
    text-align: center;
}
#cssmenu > ul > li {
  display: inline-block;
}

演示

于 2013-08-31T15:40:09.957 回答
1

尝试在“cssmenu”元素上设置固定宽度，然后添加边距：0 auto，如下所示：

#cssmenu {
    width: 205px;   
    margin: 0 auto;
}

然后，通过执行以下操作从 ul 菜单中删除填充：

#cssmenu ul {
    list-style: none;
    padding: 0;
}

希望这有帮助！

于 2013-08-31T15:42:41.953 回答
1

使按钮位于屏幕中央

<div class="wrapper">
    <button class="button">Hello</button>
</div>

.wrapper {
    text-align: center;
}

.button {
    position: absolute;
    top: 50%;
}

尝试以下链接检查圆角：-

圆角

于 2013-08-31T15:45:55.560 回答
0

您需要进行这些更改。

<div id='cssmenu' style="width:980px; margin:auto;">
  <ul style="width:170px; margin:auto">
于 2013-08-31T15:57:39.503 回答