将文本包装到未设置的图像宽度

Question

我会保持这个简单。我有一个使用以下css的图像： .img-right {  漂浮：对;  保证金：0px 0px 10px 20px; }

然后我有一个生活在下面的css图像下方的标题： .img-right p {  margin-top：5px;  padding-top：5px;  font-size：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; }