Php 如何使用模数（%）操作按水平顺序列出记录？

我在我的任务中遇到了一个问题，我想用3列水平显示我的记录

不幸的是，我的显示器变得垂直

该任务要求我们使用模数（%）运算符来显示记录。记录存储在数据库中（id、标题、图片、类别、作者）。数据库中存储了11本书。以下是我的PHP代码：

<?php
include_once('config.php');
$result = mysqli_query($mysqli, "SELECT * FROM books ORDER BY id ASC");
?>

<style>
img {
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
width: 200px;
}

.p2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding-left: 10px;
}

.p3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding-left: 10px;
color: blue;
}
</style>



<div class="container">
    

    <center>
        <h1>Koleksi Buku Peribadi</h1>
        <table>
            <?php
            $x=11;
            $y=3;
            $i=$x % $y;
            while($i && $book = mysqli_fetch_array($result)) {
            ?>

            <tr>
                <td>
                <img src="Gambar-buku/<?php echo $book['picture'];?>">

                <p class='p2'>Penulis:<span class='p3'> <?php echo $book['author'];?> </span>
                <br> <i><?php echo $book['category'];?></i>
                </p> 
                
                <center><button type="button">Details</button> </center>                                 
                </td>  
            </tr>

            <?php
                $i++; }
            ?>                         
        </table>
    </center>

   
</div>

img{
边框：1px实心#ddd；
边界半径：4px；
填充物：5px；
宽度：200px；
}
.p2{
字体系列：Arial、Helvetica、无衬线字体；
字体大小：14px；
左侧填充：10px；
}
.p3{
字体系列：Arial、Helvetica、无衬线字体；
字体大小：14px；
左侧填充：10px；
颜色：蓝色；
}
科勒克西·布库·佩里巴迪
">
佩努利斯：



细节

当您需要将项目平均划分为几个类别时，模数非常有用

形式上：

index\u of_category=index\u of_item%number\u of_categories

实际上：在您的例子中，您有3个类别（列）。对于索引为

i

的项目，您可以找到其索引为

i%3

的列

要使表格布局正常工作，您需要：

• 为索引为0的列中的每个项目打印

  tr

  开始标记
• 为索引为2的列中的每个项目打印

  tr

  结束标记

在我的示例中，您可以通过修改

$numberOfColumns

变量轻松更改列数

科勒克西·布库·佩里巴迪
">
佩努利斯：



细节

当（$i%3

不符合逻辑。对于$i的不同值，模数可能不同。因此，它在一个循环后停止。您需要使用循环中的模数值来决定是否启动新的

。已经更改了循环和$i的值，但它会垂直显示感谢您，它工作得非常好a我有个问题，开始标记将打印索引为0的tr，对吗？索引1如何？@TheNobies在索引1上，不打印标记，因为它既不是行的开始，也不是行的结束。