0

HTML タグ UL と LI を持つ Wordpress テーマ「Twenty Eleven」で作成されたメニューがある場合、LI アイテムを中央に配置するにはどうすればよいでしょうか。クライアントは、表示が狭くなり、メニューが 2 行を消費する場合に、個々の項目を中央に配置したいと考えています。

ここに画像の説明を入力

単線メニュー

ここに画像の説明を入力

分割線メニュー、まだ中央に配置されていません

ここに画像の説明を入力

のCSS#access UL

#access ul {
    font-size: 13px;
    list-style: none outside none;
    margin: 0px 0px 0px -0.8125em;
    padding-left: 0px;
}

LI の CSS

#access li {
    float: left;
    position: relative;
}
4

1 に答える 1

0
  1. 追加text-align: center;width: 100%;#access ul

  2. に切り替えfloat: left;ます。見やすくするために、パディング、幅、または高さを固定する必要がある場合があります。display: inline;#access li

于 2013-04-23T19:01:30.237 に答える