Php msqli_fetch_数组或assoc和css获取空空间

我正在开发一个简单的项目，但遇到了一个无法解决的问题

下面是php代码：

<?php include "header.php"; ?>
<?php
    $subtitle = "Os teus animes favoritos diariamente!";
    $conn = mysqli_connect("$host","$dbuser","$dbpw","$db");

        if (mysqli_connect_errno())
         {
        echo "Falha ao ligar à Base de Dados: " . mysqli_connect_error();
         }

    $result = mysqli_query($conn, "SELECT * FROM m_capitulos ORDER BY 'm_capitulos'.'id_cap' DESC LIMIT 30") or die(mysqli_error($conn));
    mysqli_close($conn);
?>
<section class="mbr-section mbr-section--relative mbr-section--fixed-size mbr-after-navbar" id="features1-3" style="background-color: rgb(255, 255, 255);">
<div class="mbr-section__container container"><!-- "mbr-section__container--std-top-padding" para dar padding no top! -->
    <div class="mbr-section__row row">

    <?php while ($row = mysqli_fetch_array($result)){ ?>
        <div class="mbr-section__col col-xs-12 col-sm-4">
            <div class="mbr-section__container mbr-section__container--center mbr-section__container--middle">
                <a href="/assistir/<?php echo $row['seo']; ?>"><figure class="mbr-figure"><img class="mbr-figure__img" src="<?php echo $row['p_thumb']; ?>"></figure></a>
            </div>
            <div class="mbr-section__container mbr-section__container--middle">
                <div class="mbr-header mbr-header--reduce mbr-header--center mbr-header--wysiwyg">
                    <h3 class="mbr-header__text"><a href="/assistir/<?php echo $row['seo']; ?>"><?php echo $row['nombre_cap']; ?></a></h3>
                </div>
            </div>
            <div class="mbr-section__container mbr-section__container--last">
                <div class="mbr-buttons mbr-buttons--center"><a href="<?php echo $row['p_descarga']; ?>" target="_blank" class="mbr-buttons__btn btn btn-wrap btn-xs-lg btn-default"alt="Download Regular">DOWNLOAD</a></div>
                <br>

                <div class="mbr-buttons mbr-buttons--center"><a href="<?php echo $row['p_descargavip']; ?>" target="_blank" class="mbr-buttons__btn btn btn-wrap btn-xs-lg btn-default" alt="Download Premium">DOWNLOAD</a></div>

                <br>
                <div class="mbr-buttons mbr-buttons--center"><a href="/assistir/<?php echo $row['seo']; ?>" target="_blank" class="mbr-buttons__btn btn btn-wrap btn-xs-lg btn-default" alt="Assisir Online">ASSISTIR</a></div>
            </div>
        </div>
        <?php } ?>

    </div>
</div>
</section>
<?php include "footer.php"; ?>

空间正上方右侧的结果较短，因此下一个元素位于其下方，而不是位于下一行。我建议您将元素分成3个一组，以便它们可以进入行，或者为每个结果设置高度，以便它们都对齐

下面的示例添加了一个计数器；每次运行一个元素时，它都会检查元素计数是否除以3，如果是，则开始一个新行。在末尾执行相同的检查，只是检查元素是否是三行中的最后一行，如果是，则结束行标记

<?php
$i = 0;
while ($row = mysqli_fetch_array($result)){ ?>
    <?php if ($i % 3 == 0): ?><div class="row"><?php endif; ?>
    <div class="mbr-section__col col-xs-12 col-sm-4">
        <div class="mbr-section__container mbr-section__container--center mbr-section__container--middle">
            <a href="/assistir/<?php echo $row['seo']; ?>"><figure class="mbr-figure"><img class="mbr-figure__img" src="<?php echo $row['p_thumb']; ?>"></figure></a>
        </div>
        <div class="mbr-section__container mbr-section__container--middle">
            <div class="mbr-header mbr-header--reduce mbr-header--center mbr-header--wysiwyg">
                <h3 class="mbr-header__text"><a href="/assistir/<?php echo $row['seo']; ?>"><?php echo $row['nombre_cap']; ?></a></h3>
            </div>
        </div>
        <div class="mbr-section__container mbr-section__container--last">
            <div class="mbr-buttons mbr-buttons--center"><a href="<?php echo $row['p_descarga']; ?>" target="_blank" class="mbr-buttons__btn btn btn-wrap btn-xs-lg btn-default"alt="Download Regular">DOWNLOAD</a></div>
            <br>

            <div class="mbr-buttons mbr-buttons--center"><a href="<?php echo $row['p_descargavip']; ?>" target="_blank" class="mbr-buttons__btn btn btn-wrap btn-xs-lg btn-default" alt="Download Premium">DOWNLOAD</a></div>

            <br>
            <div class="mbr-buttons mbr-buttons--center"><a href="/assistir/<?php echo $row['seo']; ?>" target="_blank" class="mbr-buttons__btn btn btn-wrap btn-xs-lg btn-default" alt="Assisir Online">ASSISTIR</a></div>
        </div>
    </div>
    <?php if ($i % 3 == 2): ?></div><?php endif;
    $i++
    ?>
<?php } ?>






空格上方右侧的结果较短，因此下一个元素位于空格下方，而不是下一行。我建议您将元素分成3个一组，以便它们可以进入行，或者为每个结果设置高度，以便它们都对齐

下面的示例添加了一个计数器；每次运行一个元素时，它都会检查元素计数是否除以3，如果是，则开始一个新行。在末尾执行相同的检查，只是检查元素是否是三行中的最后一行，如果是，则结束行标记

<?php
$i = 0;
while ($row = mysqli_fetch_array($result)){ ?>
    <?php if ($i % 3 == 0): ?><div class="row"><?php endif; ?>
    <div class="mbr-section__col col-xs-12 col-sm-4">
        <div class="mbr-section__container mbr-section__container--center mbr-section__container--middle">
            <a href="/assistir/<?php echo $row['seo']; ?>"><figure class="mbr-figure"><img class="mbr-figure__img" src="<?php echo $row['p_thumb']; ?>"></figure></a>
        </div>
        <div class="mbr-section__container mbr-section__container--middle">
            <div class="mbr-header mbr-header--reduce mbr-header--center mbr-header--wysiwyg">
                <h3 class="mbr-header__text"><a href="/assistir/<?php echo $row['seo']; ?>"><?php echo $row['nombre_cap']; ?></a></h3>
            </div>
        </div>
        <div class="mbr-section__container mbr-section__container--last">
            <div class="mbr-buttons mbr-buttons--center"><a href="<?php echo $row['p_descarga']; ?>" target="_blank" class="mbr-buttons__btn btn btn-wrap btn-xs-lg btn-default"alt="Download Regular">DOWNLOAD</a></div>
            <br>

            <div class="mbr-buttons mbr-buttons--center"><a href="<?php echo $row['p_descargavip']; ?>" target="_blank" class="mbr-buttons__btn btn btn-wrap btn-xs-lg btn-default" alt="Download Premium">DOWNLOAD</a></div>

            <br>
            <div class="mbr-buttons mbr-buttons--center"><a href="/assistir/<?php echo $row['seo']; ?>" target="_blank" class="mbr-buttons__btn btn btn-wrap btn-xs-lg btn-default" alt="Assisir Online">ASSISTIR</a></div>
        </div>
    </div>
    <?php if ($i % 3 == 2): ?></div><?php endif;
    $i++
    ?>
<?php } ?>






你所说的
获取页面css是什么意思？移除标签，此时哪个空间完全消失？你可以在所附图片中看到你期望的是什么，而不是发生了什么？你所说的
获取页面css是什么意思？移除标签，此时哪个空间完全消失？你可以在所附图片中看到图片您希望看到什么而不是发生什么？但是如何将fetch\u数组拆分为3组？但是如何将fetch\u数组拆分为3组？