我的页面上有一个 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