2

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つずつ出てきますが、左に押されています。を削除するときの問題float: leftは、アイテムが完全に置き忘れられていることです。

何かアドバイス？

4

1 に答える 1

0

display: inline-display;に似せてを使ってみてくださいfloat: left;。詳細はこちら... http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/

于 2013-02-12T22:37:32.583 に答える