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

Answer 2

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

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

需要水平循环显示单元格项目

2 个答案: