-3

私は次のコードを持っています:

<nav>

      <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">About Us</a></li>
      <li><a href="#">News</a></li>
      <li><a href="#">Contact</a></li>

      </ul>   
      <nav>

すべてのリンクを垂直方向ではなく水平方向に表示する必要がありますが、どの css プロパティでこれを行うことができますか?

ありがとう

4

2 に答える 2

2

他の人のようにすでに述べています。

にを適用float:leftしますli

nav ul li{ float:left; }​

またdisplay: inline; 

nav ul li{ display: inline; }​
于 2012-09-07T14:48:35.163 に答える
0

ここにあなたのためのデモがあります：

http://jsfiddle.net/4C8NP/

<nav>
 <ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">About Us</a></li>
  <li><a href="#">News</a></li>
  <li><a href="#">Contact</a></li>
 </ul>   
</nav>

body {
 padding:30px;
}

nav {
 overflow:auto;
}

nav ul > li {
 display:inline;
 margin-right:2px;
}

nav ul > li > a {
 display:inline-block;
 padding:10px 20px;
 background:#ccc;
 border:1px solid #666;
}
于 2012-09-07T15:06:57.020 に答える