Divs 不在另一个中心答案

【问题标题】：Divs not centereing one inside the otherDivs 不在另一个中心
【发布时间】：2023-03-18 02:23:01
【问题描述】：

我在 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 x 2 出来的，但它们被推到了左边。当我删除float: left 时的问题是这些项目完全放错了位置。

有什么建议吗？

【问题讨论】：

你能设置一个jsfiddle，我不完全知道你想要什么？
stackoverflow.com/search?q=centering+a+div+inside+a+div
我试图让一切都居中
等等，按 div 上下 div 居中，还是要让孔行左右居中。
我希望我的项目在我的 div 中水平居中。

标签： php css html

【解决方案1】：

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

【讨论】：