html - 为 CSS 菜单项设置固定大小

Question

我正在尝试为 CSS 驱动的水平菜单导航中的所有项目分配相同的大小（宽度）。正如您从链接示例中看到的那样，“li”大小是根据内部字符串的长度呈现的。现在我的问题是如何为项目设置固定大小（例如：全部为 80 像素）？你能看看下面的例子：http: //jsfiddle.net/Behseini/hBDv9/

我也想知道如何在 box(div) 中将菜单栏居中

感谢您的时间和评论

Answer 1

设置“a”元素的宽度。

http://jsfiddle.net/hBDv9/2/

如果需要，您还可以应用以“a”为中心的文本。

Answer 2

添加width: 80px;到#nav li a和#nav li a:hover。

Answer 3

要使 li 元素具有相同的大小，您需要使用：

#nav li {
  display:inline-block;
  width:80px;
}

要将一个元素置于另一个元素的中心：

div.wrapper { width:100%;}
div.wrapper .centered {
  display:inline-block;
  width:80%; // or whatever you want it to be
  margin: 0 auto;
}

这有帮助吗？