Question

我正在尝试为CSS驱动的水平菜单导航中的所有项目分配相同的大小（宽度）。当您从驾驶室看到链接示例时，“li”大小基于内部字符串的长度进行渲染。现在我的问题是我如何设置项目的修复大小（例如：80px为所有）？你能看一下下面的例子： http://jsfiddle.net/Behseini/hBDv9/

我也想知道如何将菜单栏置于框（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;
}

这有帮助吗？

为CSS菜单项设置固定大小

3 个答案: