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

Question

当鼠标悬停在左列菜单项上或当该菜单项处于活动状态（意思也是粗体）时，我遇到了菜单项换行到下一行的情况。

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

它看起来像：

Answer 1

的问题是，粗体重量比非粗体大。因此，只要你使用粗体作为：悬停状态来表示非粗体：链接，你就会遇到这个问题。

还有许多其他方式可以在不使用font-weight：bold的情况下给予用户反馈。我更喜欢以不改变文本大小的方式提供反馈，如：text-decoration：下划线，或对于：悬停状态使用不同的颜色。