Question

我正在尝试使用来自php循环的图像填充表格，可能是3x3。我的代码设置方式我将它们全部放在水平位置。我想知道怎样才能让它们并排展示。

<html>
    <head>
        <title>Display Picture</title>
    </head>
    <body>
        <div id="contentArea">
            <div id="content">
            <?php 
                mysql_connect("localhost","root","usbw");
                mysql_select_db("tns");
                $res = mysql_query("select * from product");
                echo"<table align='center'>";
                while($row = mysql_fetch_array($res))
                {
                    echo"<tr>"; 
                    echo "<td>";?><img src="<?php echo $row["Image"]; ?>" height="200" width="200" ><?php echo"<td>";
                    echo "<td>"; 
                    echo $row["Name"];echo"</td>";
                    echo"</tr>";      
                }                           
                echo"</table>";
            ?>
            </div>
        </div>
    </body>
</html>

Answer 1

你错过了</td>。

 echo "<td>";?><img src="<?php echo $row["Image"]; ?>" height="200" width="200" ><?php echo"</td>";

你提到你想要一张3X3的桌子。您的表格似乎只有两个<td>标签。对于第三个细胞。在<tr>

中添加一个

每行打印三张图像

这有点像一个hacky解决方案，所以如果你有更好的使用

//we will print 3 image cells in each row and then a row break
echo"<tr>"; 

$i=0; //keeps count of the row
while($row = mysql_fetch_array($res))
{
   $i=$i+1;

   echo "<td>";?><img src="<?php echo $row["Image"]; ?>" height="200" width="200" ><?php echo"</td>";

  if($i%3==0)
  {
    echo"</tr>"; 
  }


} 

//print a tr end in case the number of rows is not a multiple of 3
//no broken html
if($i%3!=0)
{   
   echo"</tr>";
}

使用php循环中的图像填充3x3表

1 个答案: