jquery-按特定长度剪切字符串，并将字符保留到下一行

我得到了一个p标签，作为我图像的名称标签：

        string output = "";
        output += "<p id=\"" + container.ContainerID +"\">" + container.ContainerName + "</p>";
        return output;

但是我面临一个文本长度与图像不匹配的问题，例如，如果我的名称为large_cabinet_1，文本将从图像中溢出。 我想知道，我是否可以将背景图像设置为适合文本长度？？（根据文本，拉伸得更短或更长）

更新 您好，我发现对我来说，使用p标签并设置一些边框和背景色作为标签会更容易。因为标签会根据里面的文本自动展开，所以尺寸问题不再存在。然而，由于我的橱柜图像可能彼此非常接近（紧挨着），因此我会遇到所有标签相互重叠的问题。我正在寻找一种方法（jquery和css都很好）来剪切标签中的文本，以便在下一行添加额外的字符

---

我真的需要帮助。。感谢您的建议……

答案很简单：在css中，您不能拉伸背景图像。你必须找到一个不同的解决方案，但如果不看图片，很难说它是最好的。如果是纽扣式的，你可以看看

或者，您可以将图像嵌入为

-tag，并使用javascript将其移动和拉伸到与标签相同的位置和尺寸。如果图像上的z索引低于标签上的z索引，则“看起来”像背景图像。

您可以使用“背景大小”属性

jsFiddle：

但是，请注意，并非所有浏览器都支持背景大小属性，而且它有时在Opera（应该支持它）等浏览器中看起来相当不稳定

我正在寻找一种方法（jquery和css都很好）在 标签，以便在下一行添加额外字符

---

试试。

CSS3是一个选项吗？它具有“背景大小”属性。。。还有一些更有用的功能。嗨，IE8不支持背景大小属性…完全改变你所问的问题不是个好主意。你似乎已经从“如何拉伸背景？”变成了“线条太长时如何使线条缠绕？”。我在这里提出了一个新问题：请帮助……嗨，实际上我正在做拖放，所以我得到了所有橱柜的图像，我想用它们的名称来标记它们。因此，我这里指的背景图像是橱柜图像文本标签的图像。您好，谢谢您的回答，但我需要支持ie8，它的背景大小不受支持。不需要太多解释，如果它是您要找的（我说不出来，您的问题很不清楚）。将CSS

wordwrap:break word

添加到

标签中（？）。
 p
 {
    background-position: center;
    text-align: center;
    background-image: url('Add_in_Images/label.png');
    background-repeat: no-repeat;
}