c# - 如何在 asp.net 中将 MenuItem 设置为当前宽度

Question

我有一个 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 ？谢谢。

Answer 1

在 jsFiddle 的代码中，你将 level1 类应用到 ul 和所有 anchor 标记，所以我认为你不需要将相同的样式应用到你的 ul 标签，你可以做一些事情:ul.level1 li{ 这里是你的代码 }