jQuery/Css - 根据固定宽度包装文本

Question

我有一个 p 标签作为我图片的标签。

目前，如果段落内的文本比我的图像宽度长，标签将“扩展”并超过我的图像宽度。

由于我的图像可能彼此非常接近，因此标签会重叠。

我需要一些方法来根据图像宽度设置 p 标签的宽度，并将额外的文本包装在 p 标签内(带到下一行)。无论如何，知道如何实现这一目标吗？感谢任何帮助...

用 html 更新:

我的图片在一个div里面

  <div id="Large1_1317379107949"class="image" style="position: absolute; top: 550px; left: 351.549987792969px;"><img id="Large1_1317379107949"src="../../Content/ContainerImg/Large1.png"style="width: 140px; height: 191px;" /></div>

然后我使用 jquery 附加标签

 <p id="129">Large Cabinet</p>

Answer 1

您可以使用 word-wrap 属性实现它。

CSS

   .break-word {
      word-wrap: break-word;
    }