0

単純なコードを作成するだけで機能しないことがどれほどイライラするか想像できません:(このコードでナビゲーションを水平にし、各aに幅を設定してそれらを分離したい

HTML:

   <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">What</a></li>
        <li><a href="#">Products</a></li>
        <li><a href="#">Support</a></li>
  </ul>

CSS:

body{margin:0;}   ul{list-style-type:none;margin:0;padding:0;display:block;}
li{float:left;}   a{width:60;}
4

3 に答える 3

3

リンクの幅をすべて 60px にしたい場合があると思います。その場合は、次のように変更します。

a{width:60;}

に:

a { width: 60px; display: inline-block;}

'60' 自体は、CSS 幅の認識された測定値ではありません。テキスト行のように扱われないようにするには、インライン ブロックが必要です。

ただし、これを改善し、各リンクを同じ量だけ離したい場合 (実際には、一部のリンクは他のリンクよりも近くなっています)、次のように li にマージンを設定します。

li { margin-right: 40px; }
于 2013-07-24T01:45:04.810 に答える
0

おそらくインライン(すべて1行)で表示したいと思います。その場合、表示属性を li に追加する必要がある場合は、その目的でインラインまたはインライン ブロックを使用できます。

例: li{float:left;display:inline;}

于 2013-07-24T01:46:28.333 に答える