Question

我正试图以这种方式修复来自数据库的数据布局：

查询返回游戏名称和每场比赛的分数。

我需要的布局是这样的：

在一行中显示游戏的名称并在其下方的一行中，两列使用此列，然后滑块中断，直到显示所有结果。

请看这张图片，它会显示一些亮点：

http://217.116.9.130/wordpress/HTMLtableFROMquery.gif

到目前为止我所做的是以下代码，但我无法显示所需的布局。

![<?php
 echo "<table border=1><tr>";

        $count=0;
            $sql2 = "select * from games";
                $res2= $db_class->select($sql2);   
                   if (mysql_num_rows($res2)>0) {
                   while($row2 = $db_class->get_row($res2)){

                      $gname = $row2['gamename'];
                      $gpoints = $row2['gamepoints'];

                       $count++;   

                       echo"<td>".$gname."</td>";
                       if($count % 2 != 0)
                       {
                        echo "</tr><tr>";
                         echo"<td>".$gpoints."</td>";
                       }
               } 
          } 

echo "</tr></table>";  
?>

Answer 1

您可能希望为每组名称分数创建一个表格，然后根据需要设置样式。您可以使用CSS中的border属性来设置表的样式，并且table:nth-child(2n){ clear: left;每行只有两个表。我相信这种方法更灵活，因为CSS为元素的样式提供了无限的可能性。

Answer 2

某些div怎么办？

<?php
 echo "<table border=1><tr>";

        $count=0;
            $sql2 = "select * from games";
                $res2= $db_class->select($sql2);   
                   if (mysql_num_rows($res2)>0) {
                   while($row2 = $db_class->get_row($res2)){

                      $gname = $row2['gamename'];
                      $gpoints = $row2['gamepoints'];

                       $count++;   

                       echo"<td>
                        <div class=\"gname\">".$gname."</div>
                        <div class=\"gpoints\">".$gpoints."</div>
                        </td>";
                       if($count % 2 != 0)
                       {
                        echo "</tr><tr>";
                       }
               } 
          } 

echo "</tr></table>";  
?>

PHP：html表格布局，数据来自查询

2 个答案: