CSS - 定位导航菜单列表

时间:2013-01-11 05:53:29

标签: html css list

HTML / CSS新手在这里。快问。什么是定位导航的最佳工具。名单?边距? “位置:”?我已经识别了2(#top和#bottom)列表,但不太确定使用什么来正确定位它们。

  

我的想法 - > http://i.imgur.com/yJrKS.jpg

更新问题 -

由于某种原因,单词之间的空格不会与"li"宽度完全相等。如果你想要完美,有些需要调整到10px。有没有办法在单个单词之前和之后添加空格(px)?我尝试添加空格,但没有用。

http://jsfiddle.net/RE6Xk/11/

3 个答案:

答案 0 :(得分:0)

您应该使用tables,因为您有2行4列......

答案 1 :(得分:0)

我认为每个元素之间的距离在一行中是相同的。因此,我更喜欢为每个元素使用相同的margin值。

答案 2 :(得分:0)

使用带有浮动和大小的列表项的无序列表

demo jsfiddle

<ul id="nav">
  <li><a href="#">Nav 1</a></li>
  ...
</ul>
...
#nav li {
  float:left;
  width:240px;
  height:40px;
  line-height:40px;
  text-align:center;
}
...