在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");
});

Fiddle