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

バージョン 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」要素に固定幅を設定してから、次のように margin: 0 auto を追加してみてください:

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

次に、次のようにして ul メニューからパディングを削除します。

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

これが役に立ったことを願っています！

于 2013-08-31T15:42:41.953 に答える
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

ボタンを画面中央に配置するには

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

.wrapper {
    text-align: center;
}

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

以下のリンクを試して、丸みを帯びた角を確認してください:-

丸い角

于 2013-08-31T15:45:55.560 に答える