Css 如何避免在菜单中的悬停项上换行?

Css 如何避免在菜单中的悬停项上换行?,css,menu,hover,Css,Menu,Hover,我遇到过这样一种情况:当您将鼠标悬停在左列菜单项上或该菜单项处于活动状态(也就是粗体)时,菜单项会换行到下一行 这些菜单是用户在创建CMS页面时动态创建的,他们不喜欢菜单从关闭状态(未绑定)变为过度状态(粗体状态)时换行到下一行 它看起来像: 问题在于粗体字体比非粗体字体大。因此,只要将粗体用作非粗体:链接的:悬停状态,您就会遇到这个问题 还有许多其他方法可以在不使用字体粗体的情况下提供用户反馈。我更喜欢以不改变文本大小的方式给出反馈,比如:文本装饰:下划线,或者为:悬停状态使用不同的颜色

我遇到过这样一种情况:当您将鼠标悬停在左列菜单项上或该菜单项处于活动状态(也就是粗体)时,菜单项会换行到下一行

这些菜单是用户在创建CMS页面时动态创建的,他们不喜欢菜单从关闭状态(未绑定)变为过度状态(粗体状态)时换行到下一行

它看起来像:


问题在于粗体字体比非粗体字体大。因此,只要将粗体用作非粗体:链接的:悬停状态,您就会遇到这个问题

还有许多其他方法可以在不使用字体粗体的情况下提供用户反馈。我更喜欢以不改变文本大小的方式给出反馈,比如:文本装饰:下划线,或者为:悬停状态使用不同的颜色