我有一個<div>
塊包含未知數量的文本。查找由於溢出而被隱藏的文本:隱藏?
用於塊CSS中:
.synopsis { width:600px; height:32px; line-height:16px; overflow:hidden; }
本質上,塊允許兩行文本,一旦文本到達塊的限制,其餘部分被從視圖中隱藏。
什麼是最清楚的方法來找出什麼文字已被隱藏的看法?任何這樣做的jQuery/Javascript功能?
我有一個<div>
塊包含未知數量的文本。查找由於溢出而被隱藏的文本:隱藏?
用於塊CSS中:
.synopsis { width:600px; height:32px; line-height:16px; overflow:hidden; }
本質上,塊允許兩行文本,一旦文本到達塊的限制,其餘部分被從視圖中隱藏。
什麼是最清楚的方法來找出什麼文字已被隱藏的看法?任何這樣做的jQuery/Javascript功能?
您可以從CSS中刪除的高度,或者如果你想用jQuery做到這一點,你可以使用的東西像這樣:
$('.synopsis').css('height','auto');
如果我理解正確的話,那麼一個簡單的方法發現運作溢出將沿行添加一個可見的背景顏色和你的synopsis
類註釋掉overflow:hidden
,一些文字:
.synopsis {
background: #FF0000;
height: 32px;
line-height: 16px;
/*overflow: hidden;*/
width: 600px;
}
這裏,用的jsfiddle我的意思:http://jsfiddle.net/UeaBA/4/
我不認爲有任何簡單的方法來獲得任何腳本。我現在認爲的唯一方法是獲取該div中每個字符的高度和寬度。您必須對這些度量標準進行一定的計算才能得出哪些字符落入可見區域。這將是最複雜的事情。
當你說你想知道什麼文字是隱藏的,你的意思是作爲原始全文的子字符串(即作爲一個Javascript字符串)? – daniel 2012-02-08 16:04:07
是的,那正是我所需要的......未在視圖中顯示的文本......我需要它作爲字符串.. C#,Javascript ..什麼 – 2012-02-08 16:21:32