需要 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 向左浮动,需要帮助
最佳答案
制作图像 display: block
. <img>
元素默认是内联的。
现场演示: http://jsfiddle.net/szPdR/1/
对于 IE 支持和其他棘手的浏览器使用 jQuery,请参阅此 FIDDLIE
关于jquery - Div 宽度取决于其中的图像宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15866209/