将文本换行至未设置的图像宽度

Question

我会保持简单。我有一个使用以下 css 的图像： .img-右{ 浮动：右； 边距：0 像素 0 像素 10 像素 20 像素； 然后

我在图像下方添加了一个标题，即以下 css： .img-右 p { 顶部边距：5px； 顶部填充：5px； 字体大小：11px； 颜色：#858d93； 我

想让段落标签的宽度适应我正在使用的图像的大小。使用该类的图像宽度各不相同，因此我被告知实现此目的的唯一方法是通过 jQuery。任何人都可以协助完成这项工作吗？

谢谢，节日快乐！

Answer 1

好的，尝试这样的 HTML：

<div class="img-wrapper">
<img src="foo.jpg" />
<div class="caption">This is my caption</div>
</div>

CSS：

.img-wrapper{width:auto; min-width:100px; float:right; margin:0px 0px 10px 20px;}
.img-wrapper img{min-width:100px;}
.img-wrapper .caption{width:auto; min-width:100px; margin-top: 5px; padding-top: 5px; font-size: 11px; color: #858d93; }