javascript - 在 div 悬停时显示截断的文本

Question

这是一个基本问题。我有一个 div，里面有一些文字。当该文本很长时，它会被截断，因为我已将溢出设置为隐藏。当您将鼠标悬停在该 div 上时，我想显示完整的文本。我知道对于图像我可以设置 alt 标签，但我该如何为 div 设置

Answer 1

您可以将溢出设置为在悬停时可见，以便文本可见。

CSS：

#your_div_id:hover{
    overflow: visible;
}

Answer 2

使用 jQuery 你可以这样做：

HTML

<div> Heeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeey</div>

CSS

div{
  width: 30px;
  overflow: hidden;
}

JS

$('div').mouseover(function(){
  $(this).css("overflow", "visible");
});

$('div').mouseout(function(){
    $(this).css("overflow", "hidden");
});

小提琴