【发布时间】:2016-04-20 02:48:33
【问题描述】:
当您将鼠标悬停在左列菜单项上或该菜单项处于活动状态(也表示粗体)时,菜单项会换行到下一行。
这些菜单是由用户在创建 CMS 页面时动态创建的,他们不喜欢菜单从关闭状态(非粗体)变为过度状态(粗体状态)时会换行到下一行的事实。
看起来像:
【问题讨论】:
当您将鼠标悬停在左列菜单项上或该菜单项处于活动状态(也表示粗体)时,菜单项会换行到下一行。
这些菜单是由用户在创建 CMS 页面时动态创建的,他们不喜欢菜单从关闭状态(非粗体)变为过度状态(粗体状态)时会换行到下一行的事实。
看起来像:
【问题讨论】:
问题是粗体字重比非粗体大。因此,只要您将粗体用作非粗体 :link 的 :hover 状态,您就会遇到此问题。
还有许多其他方法可以在不使用 font-weight:bold 的情况下向用户提供反馈。我更喜欢以不改变文本大小的方式提供反馈,例如:text-decoration:underline,或为 :hover 状态使用不同的颜色。
【讨论】: