html - CSS:图像下方的文本不会换行

Question

我有一个绝对定位的 div。在这个 div 中有一个图像，在它下面是一个标题。现在，我希望标题在达到图像宽度的 95% 时换行。

但我无法让它工作。文本(无论我说的是什么宽度)总是将图像向左移动，就像它没有中断一样。

我为此做了一个 fiddle : http://jsfiddle.net/hw7t7xyn/1/

图片设置为

right: 0;
top: 10px;

但由于文本太长，它会向左移动。

而且 div.caption 似乎没有采用父 div 宽度。

有人可以帮我吗？也许这是 HTML 设置或 CSS 的问题，我不知道了，但这让我发疯。

更新:抱歉，我忘了说我不知道​​图像的尺寸。有没有没有 javascript 的方法可以做到这一点？

Answer 1

我认为您只需要在主 div(绝对定位的 div)上添加一个宽度即可。

我加了260px的宽度(和图片一样)

当我执行此操作时，它会将 div 对齐到最右边，因为您有 right:0px 这对吗？

http://jsfiddle.net/hw7t7xyn/5/