php - Divs 不在另一个中心

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>";
}

问题是 IMG 没有居中。正如我配置的那样，它们是 2 x 2 出来的，但它们被推到左边。当我删除的问题float: left是这些项目完全放错地方了。

有什么建议吗？

Answer 1

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