需要水平显示循环中的单元格项目 - Need to display cell item from a loop horizontally

Need to display cell item from a loop horizontally

尝试为学校创建一个宽表，以便它循环结果数据库并获取学生记录并水平显示。

CSS 控制 UL 的样式

#my-list{
    background: #f7f7f; 
    padding: 8px; /* Give the items some air to breathe */
}
#my-list > li {
    display: inline-block;
    zoom:1;
    *display:inline;
    background:#99FFFF;
    /* this fix is needed for IE7- */
}
#my-list > li > a{
    color: #666666;
    text-decoration: none;
    padding: 3px 8px;
}
#my-list > li > a:hover{
    color: black;
}

它在这里开始循环得分。我的问题是我希望能够在一行上显示所有分数，但在显示每个主题后它分成一个新行。我希望它在一行上，例如：Biology ca(10) exam(70) total(100) Economics ca(10) exam(70) total(100)，直到循环完成，但它不断进入新行。

do{
    echo"<li>";
    echo "<table width='200' border='1'>";
    echo "<tr>";
    echo "<td>".$dbfieldscore['subject_name']."</td>";
    echo "<td>".$dbfieldscore['CA']."</td>";
    echo "<td>".$dbfieldscore['exam']."</td>";
    echo "<td>".$dbfieldscore['total']."</td>";
    echo "</tr>";
    echo "</table>";
    echo "</li>";
} while($dbfieldscore=mysql_fetch_assoc($resultscore));
echo "<ul>";
echo "</td>";

它循环数据库以获取学生分数。这就是问题所在，我想水平显示输出，但它转到下一行。

将white-space:nowrap;添加到#my-list规则

#my-list{
    background: #f7f7f; 
    padding: 8px; /* Give the items some air to breathe */
    white-space:nowrap;
}

为了使内部内容不受影响，您可以添加

#my-list > li {white-space:normal;}

替换为此，添加空格以根据需要以适当的方式可视化输出。

echo "<td>";
do{
     echo $dbfieldscore['subject_name']." ";
     echo "CA: ".$dbfieldscore['CA'];
     echo "Exam: ".$dbfieldscore['exam'];
     echo "Total: ".$dbfieldscore['total'];
   } while($dbfieldscore=mysql_fetch_assoc($resultscore));
echo "</td>";