jquery- 以特定长度剪切字符串并将字符留在下一行

Question

我有一个 p 标签作为我的图像的名称标签:

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

然后我将标签的背景图片放在 css 中:

 p
 {
    background-position: center;
    text-align: center;
    background-image: url('Add_in_Images/label.png');
    background-repeat: no-repeat;
}

但我遇到了文本长度与图像不符的问题，例如，如果我的名称为 large_cabinet_1，文本将从图像中用完。 我想知道，无论如何我可以设置背景图像以适应文本长度吗？ (根据文字拉长或拉长)

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

真的需要帮助..感谢任何建议...

Answer 1

I am finding a way (both jquery n css are fine) to cut the text in the label so extra characters should be put to the next line??

尝试 word-wrap: break-word .