3

需要 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" 始终具有图像的宽度。如您所见，图像宽度可能不同。

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

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

4

2 回答 2

6

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

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

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

于 2013-04-07T18:39:36.377 回答
1

用 CSS 做

div {
    width:auto;
}
于 2013-04-07T18:48:39.467 回答