0

このサイトのナビゲーションバーを（自動的に）中央に配置したい。また、ナビゲーション領域の約70％に広がる1pxのborder-topと1pxのborder-bottomが必要です。

完了すると、このモックアップのようになります。

画面

4

5 に答える 5

2

li タグのフロートを削除し、#navigation に を追加しtext-align: center;ます。フロートは親の高さを 0 にしているため、境界線を設定できません。これにより、これらの問題の両方が修正されます。そこからborder-top: 1px solid white; border-bottom: 1px solid white;、ul に追加するだけで行を取得できます。

于 2012-07-18T19:19:29.950 に答える
2

このフィドルを見てみましょうhttp://jsfiddle.net/qZTAt/

その鍵となるのは、次のコードです。

nav {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 0 15%;
    text-align: center;
}
于 2012-07-18T19:16:22.860 に答える
1

使ってみてmargin:0 auto; padding:0;

于 2012-07-18T19:07:35.673 に答える
0

そうです、私はこのパーティーに遅れて参加するつもりです (すでに回答済みの質問があります!) 私がしたであろうことを追加するためだけに. ここではこのテクニックに基づいています

http://jsfiddle.net/rabmcnab/GSSQx/

于 2012-07-18T19:41:43.860 に答える