Я создаю дисплей для системы заказа кофе. На дисплее отображается 10 заказов, но размер экрана можно изменить. Я использовал этот плагин jQuery textFill и вызывал его для обратного вызова при получении новых заказов. По какой-то причине, если мой тег 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>
В приведенном выше примере первые два твита будут иметь гораздо больший размер текста.
Я попытался отладить плагин, но, похоже, не смог получить сообщение об изменении ширины выбранного элемента при изменении размера шрифта.