如何检查字符串大小是否大于其容器的大小？

Question

在我的div大小例如100x200px，我有一个html格式的字符串。如果字符串大小（或长度？）大于此大小（然后我想使用工具提示），我想限制该字符串的显示字符的计数。任何想法如何做到这一点？我可以将该字符串转换为普通版本，然后检查大小，但这是个好主意吗？

---

我发现文章的检查：

http://blog.mastykarz.nl/measuring-the-length-of-a-string-in-pixels-using-javascript/

---

我已经注意到了另一个问题，字符串微调似乎是工作，但是，我想查看修剪过的字符串保存其html标签

Answer 1

创建一个相同的div（但没有滚动限制）与字符串内的某处用户不能看到它的地方，并检查它的大小。

然后遍历字符串，同时一次删除几个字符，直到它合适。

Answer 2

你可以将字符串放在另一个（隐藏）元素中，如span，禁用样式封装 - 在脚本中可以获得此跨度的宽度，并可以比较它是否大于div。

不要忘记设置像white-space:nowrap

适当的样式限制你可以设置溢出固定大小字段：隐藏（你必须设置overflow:visible在无形span）。这样，角色就会被切断，用户可能会看到文字更多。