Javascript 为什么在元素内部的字符串中添加空格会对jQuery插件的工作方式产生影响？

我一直在为咖啡订购系统创建一个显示屏。显示屏显示10个订单，但屏幕大小可以更改。我使用了这个jQuery插件，当新订单被拉进来时，我会在回调中调用它。出于某种原因，如果我的span标记，或者在我的例子中是p标记，包含一个没有空格的字符串，那么文本将比其他顺序大得多。我通过确保订单字符串中包含空格来解决这个问题，但我仍然想了解是什么导致了这个问题

下面是订单屏幕的一些html示例

<div id="twitterSearch" class="tweets">
<div class="tweet">
<p class="text" >Cappuccino.................................MrTest</p>
</div>
<div class="tweet">
<p class="text" >Cappuccino....................................Bob</p>
</div>
<div class="tweet">
<p class="text" >Latte  ....................................... Harry</p>
</div>
<div class="tweet">
<p class="text" >Black Americano    ..................... Tanya</p>
</div>
<div class="tweet">
<p class="text" >Black Americano    ................. Yogi</p>
</div>
<div class="tweet">
<p class="text" >Cappuccino .................................. Paul</p>
</div>
<div class="tweet">
<p class="text" >Cappuccino ................................... Tilda</p>
</div>
<div class="tweet">
<p class="text" >Cappuccino ................................ Sam</p>
</div>
<div class="tweet">
<p class="text" >Latte ....................................... Ryan</p>
</div>

在上面的例子中，前两条tweet的文本大小要大得多

---

我试着调试这个插件，但在字体大小改变的过程中，似乎无法得到所选元素宽度变化的报告。

我还没有真正看过textFill插件，但这不只是一个问题吗？如果其中有空格，它突然能够包装文本；因为超过了最大高度，所以包装文本的收缩会提前停止？

您有我们可以查看的示例页面吗？文本填充的全部目的是尝试根据可用空间调整字体大小。一定是这样的，文本中有空格时使用的额外像素只会导致重新计算的字体大小变小。@JohnP通常我会，但在这种情况下我不能，因为我认为我不允许共享我们测试环境的URL。@Pointy如果是这样的话，我本来可以看到这一点，然而，我们谈论的不是一些字体大小，而是大约30px大小的差异，即使使用相同数量的字符。插件的工作原理相反，从一个疯狂的高数字开始，比如100px，然后向后工作，直到字体符合div的限制。文本不换行。