Javascript 有没有办法根据高度计算div元素可以使用的字符数

我有以下要点：

<div class="show">Lorem ipsum dolor sit .</div> 

因此，在呈现这个

div

之前，有没有办法知道这个div可以容纳多少字符数。我有多行，我的div包含多个元素，例如：

到目前为止，我已经尝试过：

也用线夹

但因为我的目标不仅仅是添加省略号，它还需要一些文本，比如

…more

simple css

overflow

属性不起作用。 简单地说：我有

height = 300;
width= 600;

基于上面的数字，我们可以计算div容器可以容纳的字符数吗

请务必让我知道我可能错过的任何资源。

---

thx

在评论的后续部分：

“您可以使div隐藏或以其他方式脱离可见视图。用您知道会溢出的字符填充它。然后在相对Y超过边界时进行条件设置，同时跟踪计数字符。因此产生循环。当相对Y超过边界时，打破循环。这只是一个算法的想法。”

下面的代码（runnable）可能会解决这些问题，或者即使需要改进，也会在上面的注释中解决这个概念。这是一个“迭代”解决方案，因此要插入的内容长度在执行时按时间增加1:1：

函数确定MaxharsBeforeOverflow（el，boundedHeight）{
//其中el是div中“span”的DOM元素
//其中boundedHeight是容器“div”的高度
让我；
设n；//字符计数
设m=100000000；//任意大数
对于（i=0；i边界高度）{
return i；//我认为可以安全地返回i，因为我们希望在溢出之前得到一个Base 1结果，即使i是Base 0。在实践中可能需要调整。
}
}
return-1；//失败时返回-1，表示需要为绑定增加m
}
函数testFunc（）{
设el=document.getElementById（“测试数据”）；
设height=300；//此处为硬编码，可以替换为动态像素高度
console.log（determineMaxharsBeforeOverflow（el，高度））；
}

.clip{
溢出：隐藏；
溢出换行：anywhere；/*或其跨浏览器等效项*/
}
.表演{
边框：1px纯红；/*可拆卸*/
高度：300px；
宽度：600px；
}
.表演.隐藏{
左：-300px；/*匹配.show的宽度*/
}

单击

height = 300;
width= 600;