Html 将菜单项展开到最大宽度引导

我有一个顶部导航栏和html文件中的一些内容。问题是菜单项在屏幕中间，就像这个简单的表示：

%%%%项目1%%项目2%%项目3%%项目4%%项目5%%%

其中%表示空间。当我将内容放入html时，它的左侧或右侧都不会与导航栏对齐。例如，文本两边都超出了边界，但只是视觉上的。问题是菜单项是一些单元格，其中的文本居中，因此在左右两侧都有一些空间，这就是为什么在使用容器时html中的文本似乎没有对齐。是否有办法扩展文本项以填充单元格的最大长度，或使单元格与文本大小完全匹配，以解决此问题

为了更好地理解这个问题，请看图片

---

我以为你会用boostrap（但我不是一个读心术的人）。我希望能正确理解你的问题

如果您使用boostrap建议的预定义模板，您可能会有类似的内容来表示您的导航栏：

<ul class="nav navbar-nav">
  <li class="active"><a href="#">Home</a></li>
  <li><a href="#">Page 1</a></li>
  <li><a href="#">Page 2</a></li>
  <li><a href="#">Page 3</a></li>
</ul>

在锚定标记上设置了默认参数，如果需要自己的参数，则需要覆盖这些参数。在您的情况下，您需要通过将其设置为0px来删除左侧和右侧填充

<ul class="nav navbar-nav">
  <li class="active"><a href="#">Home</a></li>
  <li><a style="padding-left: 0px; padding-right: 0px" href="#">Page 1</a></li>
  <li><a style="padding-left: 0px; padding-right: 0px" href="#">Page 2</a></li>
  <li><a style="padding-left: 0px; padding-right: 0px" href="#">Page 3</a></li>
</ul>

您可以创建一个css类来获得更清晰的代码

---

结果将类似于

请包含一个。我们不是读心术的人，如果您不向我们展示代码，我们无法帮助您修复代码！我使用了一个框架，css有大约20000行代码。我不太知道如何只隔离影响导航栏的部分，这样我就可以发布它。或者，你可以用它来制作代码样本，并在问题中嵌入链接。没有看到它，我们就无能为力——就像我说的，我们不是读心人，我们无法神奇地说出是什么导致了你的代码出现问题。您是否尝试过使用浏览器元素检查器查看应用的CSS？