我有一个<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