Div并不在另一个里面

Question

我在PHP中使用一段时间从数据库中显示多个项目。

关于格式化，我有以下的CSS：

.similarItemsFrame 
{ 
    margin: 0px auto; 
} 

.similarItems { 
    float: left; 
    margin: 0px auto; 
    margin: 3px; 
    text-align:center; 
    padding: 1px; 
} 

.similarImage { 
    border: 3px solid white; 
     margin: 0px auto; 
    float: left; 
} 

，并显示代码如下：

echo "<div class='similarItemsFrame'>"; 
while ($row3 = $result3->fetch()) 
{ 
    echo "<div class='similarItems'>"; 
    echo "<a href='itemsDescr.php?itemId=".$row3[id_item]."'><img class='similarImage' src='http://www.tahara.es/images/{$row3[thumb1]}.jpg'></img>"; 
    echo "<div class='similarItemsText'>".$row3[name]."</a></div></div>"; 
} 

的问题是IMGS不出来居中。他们按照我配置的方式2点2出来，但他们被推到左边。当我删除float: left时，问题是这些项目完全错位。

有什么建议吗？

Answer 1

尝试使用display: inline-display;，与float: left;一致。更多的信息在这里... http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/