Php 下划线延伸到字尾之外，并带有字母间距

我正在开发一个WordPress网站，通过添加

字母间距：4px，增加了网站导航栏上的字母间距

到位于themes style.css文件中的站点

#mainNav

ID。我还添加了

文本装饰：下划线

到以下类下的同一style.css文件，以便当前查看的页面在导航栏中加下划线：

#mainNav ul li.current a,
#mainNav ul li.current-cat a,
#mainNav ul li.current_page_item a,
#mainNav ul li.current-menu-item a,
#mainNav ul li.current-post-ancestor a,
.single-post #mainNav ul li.current_page_parent a,
#mainNav ul li.current-category-parent a,
#mainNav ul li.current-category-ancestor a,
#mainNav ul li.current-portfolio-ancestor a,
#mainNav ul li.current-projects-ancestor a {
    color: #2e2e2e;
    text-decoration: underline;
}

问题是，由于增加了字母间距，下划线的项目超出了单词的末尾

我已经看到了的答案，但是由于导航栏是由PHP拉到一起的，所以不像答案中建议的那样，修改静态页面的html那么容易

WordPress中的导航栏是通过wp includes文件夹中的文件nav-menu-template.php和nav-menu.php构建的。是否有人可以帮助我在导航栏PHP中实现一些PHP，以便它自动将字母间距应用到除最后一个字母之外的所有字母？

重复问题：

---

这是

字母间距

的正常行为，要完成所需操作，需要从最后一个字符中删除

字母间距

，请检查以上问题的正确解决方案以了解更多细节。

问题是字母间距会在每个字母（包括最后一个）的末尾添加空格。您可以做的一件事是使用字母间距属性创建一个span类，然后在span中包装每个菜单项，最后一个字母除外

<span class="spacing">Home</span>
<span class="spacing">Links</span>

主页
链接

请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点——否则，一旦问题解决，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！可能重复的链接感谢。我已经更新了问题，以提供有关我的具体问题的更多信息，并避免链接到外部网站。谢谢。是的，我看到了那个问题和回答，但我的问题略有不同。我已经更新了问题以提供更多信息。谢谢你的建议，但这并不能完全解决我的问题。我已经更新了问题以提供更多信息。最简单的方法是将菜单设置为静态而不是动态，然后使用此解决方案。除非你打算大量更改菜单项，否则这不会有什么大不了的。这是一个好主意，不过我想让网站运行起来，看起来很清晰，然后交给我的客户，这样他们可以根据需要更新和修改内容。

a {
  display: inline-block;
  width: 70px /*your a's original width is 72px*/;
  overflow: hidden;
}