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

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

CSS:

---

使用jQuery可以做到这一点：

HTML

JS

---

不太确定这是您需要的（提示）

短文本

标题

可以，但是没有代码示例，我不确定这是否是正确的him@PeterSzymkowski但我不认为有任何“短文本”。innerHTML保存完整的内容，但由于样式的原因，它是“隐藏”的。这不像是真正的截断是的，标题看起来正是我想要的，希望所有浏览器的效果都一样。@RobertNiestroj只是出于好奇，你为什么认为这不是正确的方式？我没有收到你的评论。谢谢，那会有用的，但我正在寻找更像图像alt标记效果的，你会如何使用工具提示？

#your_div_id:hover{
    overflow: visible;
}

<div> Heeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeey</div>

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

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

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