【发布时间】:2012-01-09 03:53:56
【问题描述】:
我有一个 1000 像素宽的 div,其中包含一个菜单控件。在这个菜单中,我有 5 个项目(链接)。我想使用整行,所以在 css 文件中,每个项目都设置为 200px。
.level1
{
border-width: 0px;
margin: 0px;
padding: 0px;
background-color: #99FF66;
font-family: Arial, Helvetica, sans-serif;
color: #FF0000;
height: 20px;
font-size: 12px;
line-height: 20px;
text-align: center;
width: 200px;
}
但是,当页面加载时,我得到两行,因为最后一项不适合。
看,插入的黑线是 200 像素宽(链接“vzkazy”更长)。所以问题是:为什么 MenuItem 更宽?以及如何将其宽度设置为 200px ?谢谢。
【问题讨论】:
-
您是否还可以从呈现的源代码中添加该部分的输出 HTML?如果可以的话,你可以把它放在jsfiddle.net 并在此处链接到它,或者将它嵌入到上面(但这看起来更难看)。
-
所以你想以 200 像素的宽度连续显示所有 5 个项目,这样你就可以覆盖 1000 像素,对吗?
-
在您的 jsFiddle 代码中,您将 level1 类应用于 ul 和所有锚标签,所以我认为您不需要对 ul 标签应用相同的样式,您可以做一些事情:ul.level1 li{ 这里是您的代码}
-
我无法在 jsfiddle 找到您的 css 代码。您的完整代码是否与此问题相关?
-
我会试试 ul.level 等...