物化网格问题（自动偏移？）答案

【问题标题】：Problem with materialize grid (auto offset ?)物化网格问题（自动偏移？）
【发布时间】：2021-05-02 15:19:51
【问题描述】：

我目前正在做一个物化项目，但我遇到了网格问题。

确实，我的 php 生成了 4 列 l-4，第 4 列转到右侧 as show here

<div class="row equipe">
        <h2><?php echo 'Equipe n°'.$data2[1].' '.$nomjeu2[0]?></h2>
            <?php 
                $stmt3->execute(array($data2[0]));
                while($infoplayer = $stmt3->fetch()){
            ?>
            <div class="col s12 m6 l4">
                <div class="card-panel">
                    <img class="responsive-img" src="<?php echo $infoplayer[2]?>">
                    <p><?php echo $infoplayer[1]?></p>
                    <?php if($infoplayer[3] != ''){?><a href="<?php echo $infoplayer[3]?>" class="waves-effect waves-light btn twitch" target="_blank">Twitch</a><?php } ?>
                </div>
            </div>
            <?php } ?>
        </div>

我真的不知道该怎么做

【问题讨论】：

标签： css grid materialize offset col

【解决方案1】：

目前 Materialise 的网格是基于浮点数的，如果卡片的高度不同，它就会被破坏。第一行中较大的卡片将第二行推到右侧。为避免这种情况，使用 flex 或 grid 的自定义样式会更容易。

【讨论】：