0

ナビゲーション バーを作成中ですが、これ以上小さくすることはできないようです。現在、必要なものに対して厚すぎるように見えます。パディングやマージンなどを変更しようとしましたが、取得できないようです。それは動揺します。高さを変更すると薄くなりますが、リンクは div と一緒に移動せず、垂直方向の中央に配置されません。それはおそらく単純な見落としですが、私はそれを見ていないので、助けていただければ幸いです!

HTML:

<nav>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="gallery.html">Gallery</a></li>
        </ul>
    </nav>

CSS:

body     {
background-color:#000;
color:#fff;
}


p       {
text-align:center;
}

img     {
display:block;
margin-left:auto;
margin-right:auto;
padding:10px;
}

nav     {
background-color:#808080;
display:inline-block;
text-align:center;
padding:0;
width:1000px;
list-style:none;
}


nav ul li        {
display:inline-block;
}
4

2 に答える 2

0

これを css に追加します。

ul{
 margin:0;
}

PS。これは、メニューバーの厚さを減らしたい場合にのみ役立ちます (質問で述べたように)。よりフォーマット化されたナビゲーションが必要な場合は、これにさらにいくつかのことを追加する必要があります。

于 2014-03-20T12:57:57.093 に答える