php - 将CSS应用于从数据库中获取的数据

Question

我有一个从数据库中获取数据并在网页上显示的代码，但是在显示数据时，我希望以适当的格式显示它，即每行最多应有5-6个项目和数量

1 2 3 4 5 6

7 8 9 10 11 12

13 ..依此类推

 <?php  
    $con=mysqli_connect("localhost","root","","db");
    if (mysqli_connect_errno()) 
        {
            echo "Failed to connect to MySQL: " . mysqli_connect_error();
        }

    $student = mysqli_real_escape_string($con, $_POST['student']);
    $classid = mysqli_real_escape_string($con, $_POST['classid']);

    $result = mysqli_query($con,"SELECT * FROM class where classid='".$classid."'");
    while($row = mysqli_fetch_array($result)) 
        {
            $z=$row['studentid'];


            $resultt = mysqli_query($con,"SELECT * FROM  school where id='".$z."'");
            while($roww = mysqli_fetch_array($resultt)) 
                {
                    echo "<div class='ddd'>";
                        echo "<h5>";
                            echo "<ul>";
                                echo "<li>".$roww['student']."</li>";
                            echo "</ul>";
                        echo "</h5>";
                    echo "</div>";

                }


        }
    mysqli_close($con);
    ?>    

但是我不明白如何应用css，以便每一行都得到固定数量的值

Answer 1

首先，在包装器div中显示所有结果。

?>
<div id="rest" style="width:99%">
<?php
$resultt = mysqli_query($con,"SELECT * FROM  school where id='".$z."'");
while($roww = mysqli_fetch_array($resultt)) 
{
    echo "<div class='ddd'>";
    echo "<h5>";
    echo "<ul>";
    echo "<li>".$roww['student']."</li>";
    echo "</ul>";
    echo "</h5>";
    echo "</div>";
}
?>

</div>

然后应用样式表。

<style>
#rest .ddd {
  width: 16.3%;
  float: left;
}
</style>

说明：

我们将 #rest设置为父级，并将所有结果 div设置为子级

当我们应用 float: left时，所有div将与先前的同级并排放置。

如果未达到要求的宽度，它们将转到另一行，就像我们已应用换行符一样。

一行上需要6个 div，因此 100/6 = 13.66就是每个子div的宽度。