Php 将搜索结果与css对齐

好的，我有一个while循环，我希望每行有三个项目。我尝试使用列计数：3；它不起作用！我还尝试将包含div的值限制为702px，并使div类框234px234*3=702仍然不起作用！只是想让您知道包含div的css是display:table；下面是它的样子：正如你所看到的，它一直在穿越

以下是PHP：

while ($row = mysql_fetch_assoc($find_results)) {
$title = $row['title'];
$img = $row['imagename'];
$price = $row['price'];


echo "<div class=\"box\"><img class=\"results\" src=\"uimg/$img\"/><br />$title<br />$$price<br /></div>";

 } 

谢谢所有能帮忙的人

尝试使用此css：

.content-layout
{
   display: table;
   width: 100%;
   table-layout: fixed;
}

.content-layout-row 
{
   display: table-row;
}

.box
{
   display: table-cell;
   vertical-align: top;
}

然后在php中：

      echo "<div class=\"content-layout\">
               <div class=\"content-layout-row\">";



     while ($row = mysql_fetch_assoc($find_results)) {
    $title = $row['title'];
    $img = $row['imagename'];
    $price = $row['price'];


    $cells = "<div class=\"box\"><img class=\"results\" src=\"uimg/$img\"/><br />$title<br />$$price<br /></div>";
    $i=0;    
    foreach($cells as $cell){
    $i++;
    echo $cell;
     if($i == 3){
            echo "</div></div><div class=\"content-layout\">
               <div class=\"content-layout-row\">";  
            $i=0;
        }
     }

}
echo "</div></div>";

---

好吧，我不确定你是否愿意这样做，但我的看法是：

echo "<div class=\"box\">";
$row_items = 0;

while ($row = mysql_fetch_assoc($find_results)) {
    $title = $row['title'];
    $img = $row['imagename'];
    $price = $row['price'];
    $row_items++;

    switch ($row_items) {
        case 1:
            echo "<tr>";
            echo "<td><img class=\"results\" src=\"uimg/$img\"/><br />$title<br />$$price<br /><td>";
            break;
        case 2:
            echo "<td><img class=\"results\" src=\"uimg/$img\"/><br />$title<br />$$price<br /><td>";
            break;
        case 3:
            echo "<td><img class=\"results\" src=\"uimg/$img\"/><br />$title<br />$$price<br /><td>";
            echo "</tr>";
            $row_items = 0;
            break;
    }
}
echo "</div>";

---

你确定$$价格中的$$吗？是的，因为如果变量$price是500，它会打印出$500oh是的。您是否尝试过使div浮动：左和清除：左每四分之一+溢出：隐藏在容器div上？不确定我将如何每四分之一这样做。我只能让它在每次通过循环时都这样做嗯，仍然不起作用，只是将它们压成702px我认为你在正确的轨道上，虽然它将5压成一行我只想要三个你只想要3个，或者你想要3个在一行，2个在第二行？3个在第一行，2个在第二行谢谢，但它仍然不起作用看起来这个CSS不是我的优点，但也许你之前施加的限制阻止了3张图片现在并排显示？我把它们排成一行。我是如此接近，我试图做清楚：两者；但这不会把他们两个打倒

echo "<div class=\"box\">";
$row_items = 0;

while ($row = mysql_fetch_assoc($find_results)) {
    $title = $row['title'];
    $img = $row['imagename'];
    $price = $row['price'];
    $row_items++;

    switch ($row_items) {
        case 1:
            echo "<tr>";
            echo "<td><img class=\"results\" src=\"uimg/$img\"/><br />$title<br />$$price<br /><td>";
            break;
        case 2:
            echo "<td><img class=\"results\" src=\"uimg/$img\"/><br />$title<br />$$price<br /><td>";
            break;
        case 3:
            echo "<td><img class=\"results\" src=\"uimg/$img\"/><br />$title<br />$$price<br /><td>";
            echo "</tr>";
            $row_items = 0;
            break;
    }
}
echo "</div>";