jquery - Div 宽度取决于其中的图像宽度

Question

需要 CSS 帮助。

我有一个向左浮动的 div，里面是具有固定高度和自动宽度的图像。我希望主 DIV 宽度与图像宽度完全相同。

<div class="item">
   <img src="http://upload.wikimedia.org/wikipedia/commons/4/49/Sports_shoes.jpg" alt="" />
   <a href="">Name here</a>
</div>

FIDDLE - 您可以看到名称在图像的右侧，但它应该在底部。

那么，有没有办法让 DIV class="item"始终具有图像的宽度。如您所见，图像宽度可能不同。

我正在寻找跨浏览器解决方案，这意味着显示:表格单元格；不是解决方案，因为 IE7 -8 不支持它。

* 我的 jquery 脚本 block 向左浮动，需要帮助

Answer 1

制作图像 display: block . <img>元素默认是内联的。

现场演示: http://jsfiddle.net/szPdR/1/

对于 IE 支持和其他棘手的浏览器使用 jQuery，请参阅此 FIDDLIE