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

标签 jquery html css internet-explorer

需要 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/

相关文章:

javascript - jQuery 中的随机颜色

internet-explorer - IE CSS "filters"中断 alpha 透明度

css - 在切换按钮上显示文本

javascript - 球放入盒子后如何改变图像?

jQuery 移动 : can data-role be applied to the body tag?

javascript - 如何根据类 jquery 回调函数更改单个元素?

html - 输入/按钮显示 :table-cell/width:100% do not fill remaining space in table

javascript - 如何使用asp.net和html页面发送电子邮件

javascript - 当特定元素没有错误类时如何仅向下/向上滑动

javascript - 无法从 Vue 获取 URL