如何避免菜单中悬停项目的换行？

Question

我有一种情况，当您将鼠标悬停在左列菜单项上或当该菜单项处于活动状态（也意味着粗体）时，菜单项将换行到下一行。

这些菜单是用户在创建CMS页面时动态创建的，并且他们不喜欢当菜单从关闭状态（未绑定）变为超状态（粗体状态）时菜单换行到下一行的事实。 / p>

看起来像：

Answer 1

问题是粗体字体重大于非粗体字体。因此，只要您使用粗体作为：非粗体：链接的悬停状态，您就会遇到此问题。

还有很多其他方法可以在不使用font-weight的情况下提供用户反馈：粗体。我更喜欢以不改变文本大小的方式提供反馈，例如：text-decoration：underline，或者使用不同的颜色：hover状态。