给定div宽高，插入一段长文本，如何用js来取到截断的位置使文本正好充满div

Question

div宽高是100,100， 给的字符串是任意的很长的字符串，用原生js来取到该截断的位置，使截断位置之前的字符串正好充满这个div。
文本的字体和大小可以获知。我目前是用二分法来试探，就是插入一半，测一下插入的段落的offsetHeight，如还是超过100，则继续截，否则添加下一半内容进来继续测试高度。但这种做好对DOM操作太多，性能太差。我觉得用字体的宽度和行高去计算是不可行的。跪求高人帮我解决一下这个问题。

Answer 1

直接用css 3就可以了
div{
    word-wrap: break-word;
}