我有一个水平导航栏，当选择其中一个链接时，该链接就会变为粗体。但是，当我单击一个时，它右侧的元素会移动位置，因为字体变大，从而使列表项的宽度变大。无论如何要避免这种情况？我希望文本留在同一个地方。谢谢。
最佳答案
两种可能的解决方案:
在 a 元素上设置宽度并使它们成为内联 block 。
a {
width: 100px;
display: inline-block;
}
您只需确保宽度足够宽，允许显示粗体文本而不会分成两行。
第二个选项:使用文本阴影使其看起来粗体。
a.bolded {
text-shadow:0px 0px 1px black;
}
这是一个 demo显示两者。我将第二个鼠标悬停，但您可以使用 jQuery 的 .toggleClass() 添加或删除该类
关于html - li :active 时内联列表项改变位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11691402/