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

我有一个水平列表，这很好。 下图所示。 标题下的列表就是我所说的列表。我想实现的是，基本上你看到每个链接的措辞都在一行中，例如“Mash的著名翅膀” 我要做的是为列表中的所有li元素创建一个固定的高度和宽度（所有元素都相同）。所以这意味着一些单词将进入一个新行

请看一个例子

这是到目前为止我的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; 
}

---

尝试使用此代码段更新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，您可以使用

来检测它。最好是为每个

添加左填充和右填充，而不是宽度，否则您将在每组单词之间获得不规则的间距。