1

テキストを中央に配置できるように、ブラウザーで DIV に margin-top または padding-top を設定できない理由がわかりません。

HTML -

<div id="header">           
    <div id="Nav">
        <div id="navright">
            <a href="#">Home</a>
            <a href="#">About Us</a>
                <a href="#">Contact Us</a>
            <a href="#">Find Us</a>
        </div>
    </div>
</div>

CSS -

#nav {
    width: auto;
    position: relative;
}

#nav a {
    margin-left: 5px;
    margin-right: 5px;
    text-decoration: none;
    font-family: "Arial";
    font-size: 14pt;
    color: #ffffff;
    position: relative;
    margin-top: 10px;
}

結果 -

DIV 内の位置がずれているテキストのスクリーンショット

私が間違っているアイデアはありますか？ありがとう

4

7 に答える 7

1

あなたはNav nog navを書いています

Html コードは次のようになります。

<div id="nav">いいえ<div id="Nav">

それがあなたのcssがdiv

そして、あなたのために使用line-heightしますa

#nav a {
  line-height: (pixel height of the li or nav);
}

JsFiddle の作業はこちら

于 2013-09-23T11:00:05.003 に答える
0

ナビの高さと同じだけ追加line-heightしてください<div>

そして、タイプミスを修正してください。

例えば：

#nav {height:20px; float:left;}
#nav a {line-height:20px;}
于 2013-09-23T11:53:15.847 に答える