我正在尝试实现一个实用程序，以准确地将多行文本钳制到给定的最大行数。我正在采取的方法是二元搜索元素的文本以找到最大数量的单词，如果元素只包含那些单词和省略号，它的高度不大于我确定的N行的高度。
由于这基本上是一个试错法，我需要更改实际渲染的元素并检查其大小。我希望它是一个其他元素，而不是用户看到的实际元素，因为在页面加载时让它的内容稍微闪烁是很奇怪的。但由于夹具的位置在很大程度上取决于原始元件的精确造型，我认为我需要的是制作一个用户看不到但仍然有浏览器布局的完全复制品。
如何使用JavaScript或jQuery实现此目的？
我考虑过在x = -1000000，y = -1000000处创建一个元素，并将其样式属性设置为原始元素的uhh ...计算样式？我不认为这实际上会起作用，因为计算的样式已经考虑了元素的当前内容。我需要的是获得适用于给定元素的所有样式声明的一些方法;或者可能使新元素成为原始元素的绝对定位，但由于这是在常规块流之外，我不确定它的大小是否会起作用。
或者是否有一些通用方法可以对元素的样式进行“隐形”临时更改，这仍然可以让我访问渲染引擎对它们的影响？