1

そうです、私はかなり複雑なサイトを自己編集しており、メニューに関するこの最後の部分で立ち往生しています。float:left コマンド (ナビゲーションバーが画面の左側に整列して表示されます) があり、ラッパーを使用して text-align:center (画面内の中央に表示される) にしようとしましたが、失敗しました。

以下はコーディングです：

#nav a {
    display: block;
    padding: 5px;
    color: #aaa;
    text-decoration: none;
    outline: none;
    font-weight: normal;
    font-family: "Droid Serif", Georgia ,serif;
}
#nav > .current-menu-item > a,
#nav > li a:hover { color: #4C4C4C }
.plus { color: #aaa }
#nav ul {
    position: center;
    display: none;
}
#nav li {
    float: left;
    position: relative;
    list-style-type: none;
    padding-bottom: 5px;
}
#nav li a {
    letter-spacing: 3px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px 15px;

私はプログラミングの初心者であり、試行錯誤とGoogle Chromeの「要素の検査」コマンドの組み合わせでほとんど生き残っています。優しく、むしろ説明してください:)

乾杯、ジェス

4

2 に答える 2

1

ul をナビゲーションの中央に配置する場合は、ul とmargin: 0 auto;にwidthを追加するだけです。 幅のチェックアウトを追加したくない場合は、水平方向の <UL> メニューを中央揃えにするにはどうすればよいですか?

于 2012-04-23T12:59:32.840 に答える
0

floatの代わりに、display:inline-blockをLI に指定します。次のように書きます。

#nav li {
    display:inline-block;
    *display:inline;/* For IE*/
    *zoom:1;
    position: relative;
    list-style-type: none;
    padding-bottom: 5px;
}
于 2012-04-23T12:44:55.203 に答える