【问题标题】:How to avoid line wrap on hover items in menu?如何避免菜单中悬停项目的换行?
【发布时间】:2016-04-20 02:48:33
【问题描述】:

当您将鼠标悬停在左列菜单项上或该菜单项处于活动状态(也表示粗体)时,菜单项会换行到下一行。

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

看起来像:

【问题讨论】:

    标签: css menu hover


    【解决方案1】:

    问题是粗体字重比非粗体大。因此,只要您将粗体用作非粗体 :link 的 :hover 状态,您就会遇到此问题。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-05-11
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多