html - HTML / CSS：创建一个水平阻止列表强制 li 元素的宽度

Question

我有一个水平列表，这很好。图像如下所示。 标题下方的列表是我正在谈论的列表。我想要实现的基本上是你看到每个链接的措辞都在一行中，例如“Mash's Famous Wings” 那么我想要做的是为列表中的所有 li 元素创建一个固定的高度和宽度（对所有人都一样） . 所以这意味着一些词将进入一个新的行。

以Smokey Bones 菜单子导航为例。

到目前为止，这是我的 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 的 hack。

*display:inline;
*zoom:1;

否则，如果您完全支持 IE-7，您可以使用条件注释来检测它。