0

我的页面上有一个 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 类。>.>
也更新了 Fiddle

4

0 回答 0