HTML / CSS：创建一个水平块列表，强制li元素的宽度

Question

我有一个水平列表，很好。 图片如下所示。 标题下面的列表是我正在谈论的列表。我想要实现的基本上是你看到每个链接的措辞都在一行中，例如“Mash的名言之翼” 那么我想要做的是为列表中的所有li元素创建一个固定的高度和宽度（对所有人都相同）。所以这意味着一些单词会变成一个新的行。

请参阅Smokey Bones Menu Sub Navigation作为示例。

到目前为止这是我的CSS：

#menunavigation{
position:fixed;
top:100px;
left:50px;
z-index:1; 
color:white; 
}

#menunavigation a {
color:white; 
}


#menunavigation ul{
list-style-type:none;
height:50px;
}

#menunavigation ul li{
display:inline;
max-width:15px;
margin-right:5px; 
}

Answer 1

尝试使用此代码段更新您的css代码。

#menunavigation ul li
{
  display:inline-block;
  max-width:15px;
  margin-right:5px; 
}

然而，display:inline-block在IE-7中不起作用，你需要包含这些额外的行，这种黑客只能在IE-7中使用。

*display:inline;
*zoom:1;

或者如果你全职支持IE-7，你可以使用contional comments.

来检测它