1

ナビゲーションバーをページと同じ幅にし、リンクを均等に表示する方法を探していました。私はこれらの2つの場所を見てきました：

http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizo ​​ntal_float_advanced http://www.cssnewbie.com/full-width-centered-navigation-bar/

彼らは一種の助けになりますが、リンクが均等に広がっていることを説明していません。それらはすべて左または右に浮かんでいます。これに関する支援をいただければ幸いです。

4

2 に答える 2

2

私があなたの質問を理解したら、パーセンテージで作業する必要があります。

ここに速い例があります：

ul {
  width: 100%;
  display: inline-block;
  background: green;
}

ul li {
  float: left;
  width: 25%;
  text-align: center;
}
<ul>
  <li><a href="">LINK 1</a></li>
  <li><a href="">LINK 2</a></li>
  <li><a href="">LINK 3</a></li>
  <li><a href="">LINK 4</a></li>
</ul>

LIリストに 4 つの項目がある場合は、各幅を 25% に設定する必要があり、5 つの項目がある場合は幅を 20% に設定する必要があります...

于 2012-05-01T22:48:32.520 に答える
0

私の知る限り、要素を均等に分散させる唯一の方法は<table>、幅 100% の a を使用することです。他のすべてのソリューションでは、幅をパーセントで指定する必要がありますが、リンクの数が異なる可能性があるため、わからない場合があります。

これ以外にも、javascript を使用して、ブラウザのビューポートの大きさを調べて幅を指定することができます。このブログエントリを参照してください

于 2012-05-01T22:51:54.870 に答える