javascript - 什么是一种强大而巧妙的方法来循环穿过一根绳子并剃掉它的一部分直到

Question

我有一个字符串，在某些情况下它的长度可能超过 150 个字符(包括空格和特殊字符)。我只是将当前长度减去 150(如果大于 150)，然后记住，削掉字符串的一部分。我很好奇是否有一种可靠的方法可以做到这一点？问题是，我不一定想剃掉最后的头发。我想剃掉位于具有特定 ID 的“跨度”中的部分。我想要该字符串部分并附加“...”。所以，我有这个。

例如。我有。

<div id="divid">
Funny thing is, I went to the store <span id="spanid">on a Tuesday afternoon while the sun was in the sky</span> and rode home with excitement and glee. Did I say it was Tuesday?
</div>
var txtcount = jQuery('#divid').text().length;
var spanidcount = jQuery('#spanid').text().length;
if(txtcount > 140){
    var tocut = txtcount - 140;
    // here I would reduce the contents of spanid so that the total string count is 140 or less. and have spanid end with "..." - with the ... counting toward the total of 140.
}

Answer 1

更简洁的方法是使用 CSS text-overflow:ellipsis在你的 div 上。 sample fiddle 。这种方式的优点是你不相信字体大小和变体字母宽度不会把你搞砸。您始终可以将文本精确地剪切到需要的位置。如果调整 div 的大小，省略号会自动调整到正确的长度。