Question

我在PHP中使用while显示数据库中的多个项目。

对于格式化，我有以下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，但是它们被推到左边。我删除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/

Div不是一个在另一个里面

1 个答案: