在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