Html 悬停在溢出文本上正在跳跃

我有这样的情况，鼠标悬停显示完整的文本，但它在悬停上跳跃

演示：

img{ 宽度：24px； 高度：24px； 边界半径：50%； 对象匹配：覆盖； } .modal_uuu灰色名称{ 宽度：105px； 空白：nowrap； 溢出：隐藏； 文本溢出：省略号； 显示：内联块； 线高：1.1； } .modal__灰色名称：悬停{ 溢出：继承； } 这是一篇需要删减的长文本

---

您可以将标签制作为flexbox，它将不再跳跃：

label {
  display: flex;
}

---

您可以将标签制作为flexbox，它将不再跳跃：

label {
  display: flex;
}

试试这个。删除线高度：1.1；并添加垂直对齐：中间对齐

试试这个。删除线高度：1.1；并添加垂直对齐：中间对齐

---

添加垂直对齐：顶部；对于.modal_u_grey-name，如果您不想使用flexbox，也应该能够解决该问题；如果您不想使用flexbox，那么.modal_u_grey-name也应该能够解决此问题。谢谢。我使用了另一种解决方案。这同样有效。赞成票：谢谢。我使用了另一种解决方案。这同样有效。向上投票：