首页 文章

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

提问于
浏览
0

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

然后我有一个生活在下面的css图像下面的 Headers :.img-right p {margin-top:5px; padding-top:5px; font-size:11px;颜色:#858d93; }

我想让段落标签的宽度调整到我正在使用的图像的大小 . 使用该类的图像宽度不同,所以我被告知实现这一目标的唯一方法是通过jQuery . 任何人都可以帮助完成这项工作吗?

谢谢,节日快乐!

1 回答

  • 0

    好的尝试这样的事情,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; }
    

相关问题