jQuery按宽度修剪字符串

Question

我想将一个字符串修剪到特定的像素宽度，以便它可以正确地放入容器中。它将类似于子字符串，除了我基于像素宽度而不是字符数进行修剪。这有内置功能吗？

Answer 1

也许这就是你要找的东西：
jQuery Text Overflow plugin

LG
warappa

Answer 2

您可以通过css：text-overflow: clip;

来完成

注意：FF＆lt;不支持此功能。 7.包括IE6在内的所有其他浏览器都支持它。

试试这个：

function trimByPixel(str, width) {
    var spn = $('<span style="visibility:hidden"></span>').text(str).appendTo('body');
    var txt = str;
    while (spn.width() > width) { txt = txt.slice(0, -1); spn.text(txt + "..."); }
    return txt;
}

Answer 3

CSS可能是最简单/最好的选择，特别是如果您试图将文本限制在一个区域内。查看word-wrap和text-overflow，因为它们可能是v