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

Question

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

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

Answer 1

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

Answer 2

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

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

$("DIV_ID").getHeight();

将DIV_ID替换为div的id属性。