php - 需要水平显示循环中的单元格元素

Question

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

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>";

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

Answer 1

添加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;}