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