PHP“；占位符；结果选项卡

正在构建一个应用程序，用于查询患者的光学图像数据库。结果按日期排序并组织为选项卡。根据每位患者的就诊史，他们可以有任意数量的标签。我的选项卡水平排列在页面顶部。当只有一行结果选项卡时（无论有多少），页面看起来很好。但是，如果选项卡的数量超过第一行中可以包含的数量（大约10个），则第二行开始。这会在“我的结果”选项卡和保存其内容的

div

之间产生间隙

我想知道的是，是否有可能创建额外的“占位符”选项卡来填补这个空白，以及我可能如何做。显然每个患者的结果都不同，所以我需要制作足够多的额外标签来填补任何大小的空白

代码：

<ul class="tabs" id="results">
    <?php
    if(isset($_GET['id']) && $_GET['id'] != '')
    {
      $id = $_GET['id'];

      $query = "select * from SHOT join VISIT on VISIT.ID=SHOT.VISIT_ID JOIN PATIENT ON SHOT.PATIENT_ID=PATIENT.ID where SHOT.PATIENT_ID=
            " . $id . " order by VISIT.VISIT_DATE DESC;";

      $res = mysql_query($query);
      //Here we count the number of returned rows. If it returned nothing then it will store 0.
      $count = mysql_num_rows($res);
      $i = 0;
      $j = 1;
      if($count > 0)
      {
            $previous_vdate = '';
            while($row = mysql_fetch_array($res))
            {
                    $id = $row['ID'];
                    $vdate = $row['VISIT_DATE']; 
                    $img = $row['IMG_FILENAME'];
                    $subdir = $row['SUBDIR'];
                    $subsubdir = $row['SUBSUBDIR'];

                    if ( strcmp("$vdate", "$previous_vdate") != 0)
                            {

                                    $formatted_vdate = explode(" ", $vdate);
                                    $formatted_vdate = explode("-", $formatted_vdate[0]);
                                    $visit_date = $formatted_vdate[1] . "-" . $formatted_vdate[2] . "-" . $formatted_vdate[0];

                                    if ($j == 1)
                                    {
                                            echo "<li class='active' rel='tab" . $j . "'>" . $visit_date . "</li>";
                                    }
                                    else
                                    {
                                            echo "<li rel='tab" . $j . "'>" . $visit_date . "</li>";
                                    }
                                    $previous_vdate = $vdate;
                                    $j++;
                            }
                    $i++;
            }
      }
      else
      {
            echo "<div id='no_result'>No result found !</div>";
      }
      echo "<li rel='tab" . $j . "'>All Dates Combined</li>";
    }
    else
    {
            echo "<p>Something's Broke</p>";
    }
    ?>

<ul id="results" class="tabs"><li class="active" rel="tab1">
  04-23-2012
</li><li rel="tab2">
  04-10-2012
</li><li rel="tab3">
  03-05-2012
</li><li rel="tab4">
  06-06-2011
</li><li rel="tab5">
  12-14-2010
</li><li rel="tab6">
  12-14-2009
</li><li rel="tab7">
  12-15-2008
</li><li rel="tab8">
  12-12-2007
</li><li rel="tab9">
  02-07-2007
</li><li rel="tab10">
  11-01-2006
</li><li rel="tab11">
  11-03-2005
</li><li rel="tab12">
  03-13-2002
</li><li rel="tab13">
   All Dates Combined
</li><li>

如果允许您使用Javascript，我建议您使用auto-fit：

演示：
（通过更改浏览器窗口的大小进行尝试）

资料来源：

缺点：不是唯一的CSS解决方案

就我个人而言，我认为一个没有功能的标签，只是为了填补空白，会让用户感到困惑。我想用户会点击它，什么也不会发生。也许给空白区域一个较浅（灰色？）的背景更容易。
如果允许您使用Javascript，我建议您使用auto-fit：

演示：
（通过更改浏览器窗口的大小进行尝试）

资料来源：

缺点：不是唯一的CSS解决方案

就我个人而言，我认为一个没有功能的标签，只是为了填补空白，会让用户感到困惑。我想用户会点击它，什么也不会发生。也许给空白区域一个较浅（灰色？）的背景也更容易。
这似乎更像是一个html/css问题，而不是php问题。您可以发布生成的html和问题的屏幕截图吗？您正在使用并且应该使用。你也很容易受到现代API的影响，因为它会让你的工作变得更轻松。这似乎更像是一个html/css问题，而不是php问题。您可以发布生成的html和问题的屏幕截图吗？您正在使用并且应该使用。你也很容易受到现代API的影响，因为它会让你更容易从中受益。谢谢你的建议！我来试试。谢谢你的建议！我试试看。