Question

我的页面上有一个div，里面应该有一些小div，带有一行文字，图像和另一行文字，所有内容都集中在一起。
但是由于一些奇怪的原因，即使浮动，div也不会环绕文本，看起来它与全尺寸图像具有相同的宽度，而不是环绕现在较小的图像。

<div id="real">
<div class="relspn">
Title:<br/>
<img src="img.png"/><br/>
Another text
</div>
<div class="relspn">
Title:<br/>
<img src="img.png"/><img src="img.png"/><br/>
Another Text Another Text
</div>
</div>

类似的东西，但是，如果我浮动div，将它们设置为内联块甚至内联无关紧要，div不会比完整图像小。

这是css：

#real {
    float: right;
    position:relative;
    width:96%;
    padding:20px 0;
}

.relspn {
    position:relative;
    text-align:center;
    float:left;
    padding:0.2%;
}

.relspn img {
    position:relative;
    display:inline;
    width:10%;
}

我不知道发生了什么，帮助。

编辑：
http://jsfiddle.net/3SkZV/1/
现在更新了，我在示例中写了div类错误。＆GT;＆GT;
更新了小提琴

Div不会收缩包装调整大小的图像

0 个答案: