1

テキストリンクをナビゲーションバーに水平に配置する方法を見つけようとしてしばらく時間を費やしましたが、成功しませんでした.私はコーディングに非常に慣れていないので、これはおそらく非常に簡単です.htmlとCSSを使用しています.それらを同じ行に置いてみました。また、使用：

#nav li a {
    color: black;
    display: inline;
    list-style-type: none;
}

#nav li a {
    color: black;
    position: relative; 
}

サイトで答えを見つけようとしましたが、答えが見つからないので、人に聞いたほうがいいと思いました。読んでくれてありがとう。

4

1 に答える 1

3

間違った要素をターゲットにしています。

#nav li {
   display: inline;
}

要素を選択していました。aをターゲットにする必要があります。これはデフォルトで要素liでaあり、上下にレンダリングされるため、それらをインラインにするには、ターゲットにしますinlinelili

使用することをお勧めします

#nav li {
   display: inline-block;
   margin-left: -4px; /* If that white space matters to you */
}

同じ効果が得margins paddingられますが、要素の間隔を空けるなどの追加のボーナスがあります。または、使用することもできますが、フロートfloat: left;が必要になるため、そのまま使用してくださいclearinline-block

于 2013-09-07T19:00:09.820 に答える