CSS 字间距在 Wordpress 菜单链接中不起作用答案

【问题标题】：CSS word-spacing doesn't work in Wordpress menu linksCSS 字间距在 Wordpress 菜单链接中不起作用
【发布时间】：2019-12-09 21:45:18
【问题描述】：

在 wordpress 菜单栏中的我的标签上使用 CSS 字间距时无效。但在开发工具中，它似乎已正确应用于元素。

.main-navigation .main-menu > li > a {
    color: white;
    font-weight: normal;
    font-family: maiandra_gd_regular, verdana, sans-serif;
    margin: 0;
    word-spacing: 0.1em;
}

这是目标网站： www.viayoga.ch

非常感谢您的帮助！

【问题讨论】：

我有最新版本的 Firefox，字间距适合我。
寻求代码帮助的问题必须包括在问题本身中重现它所需的最短代码，最好是在堆栈片段中。尽管您提供了一个链接，但如果它变得无效，那么您的问题对于未来遇到同样问题的其他 SO 用户将毫无价值。见Something in my website OR off-site example doesn't work can I just paste a link。

标签： css wordpress menu word-spacing

【解决方案1】：

它确实有效，只是使用更大的值。试试word-spacing: 1em;

【讨论】：

非常感谢！只是对单词间距的含义有错误的想法。我认为“0”表示“单词之间没有空格”。现在我知道我必须输入一个负值。
@BenViatte 我认为您还希望将边框置于活动链接下方。添加.main-navigation li a:before { left: 50%; transform: translateX(-50%); margin-left: 0; }感谢您的支持，如果您也接受答案，将不胜感激。