我在 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
是这些项目完全放错地方了。
有什么建议吗?