如何获得div的非溢出内容的长度

时间:2013-03-01 07:59:33

标签: javascript jquery html css

我有div,文本内容很大。并使用overflow:hidden仅在框内显示内容。

现在我怎么能得到这个可见内容的长度(不是字符),即非oveflown内容。

2 个答案:

答案 0 :(得分:0)

没有万无一失的检测方法。可见文本的数量取决于各种因素,如使用的字体,行高,字母间距等。如果字体是通过文本统一并且是单倍间隔,然后你可以使用字符宽度和高度来应用一些数学来获得这个,但它不太可能在浏览器中完美。

答案 1 :(得分:0)

如果您在div上设置了高度,则您已拥有该号码。但是如果你不这样做,你应该使用JS函数获得div的高度。无论隐藏多少内容,div的高度都是您可以看到的。

与JS中的所有其他作品一样,如果您想让它轻松地在所有浏览器上运行,您应该使用框架。例如,在Prototype中,您可以将其命名为:

$("DIV_ID").getHeight();

DIV_ID替换为div的id属性。