数组反转时,几个div移开,从而破坏了布局 - php

因此,我使用此PHP数组存储信息,我需要构建一个简单的HTML结构,如下所示:

{% for key, realisation in realisations %}
    <div class="{{ realisation.thumbnail.category }} col-md-4 item">
        <div class="grid">
            <figure class="effect-oscar">
                <img src="images/realisations/{{ realisation.thumbnail.image }}" alt="" />
                <figcaption>
                    <p>
                      <span>
                        {{ realisation.thumbnail.name }} &bull; {{ realisation.thumbnail.type }}
                      </span>
                    </p>
                    <a href="#" class="smooth-redirect" data-rea="{{ key }}"></a>
                </figcaption>
            </figure>
        </div>
    </div>
{% endfor %}

{{ realisations }}是我传递到Twig视图的变量:

return $this->render('views/partials/realisations.html.twig', [
    'realisations' => $realisations,
]);

一切进展顺利,根据截图,div位置很好:

数组反转时,几个div移开,从而破坏了布局 - php

但是,我想反转div的位置,所以我将最后一个位置的那个换到第一个位置(STEVE DAVID • SITE是第一个,ZELDA-BOSS • SITE是最后一个)。

所以我自然而然地走了:

return $this->render('views/partials/realisations.html.twig', [
    'realisations' => array_reverse($realisations), // use array_reverse()
]);

但是一旦完成,布局就会被一个div破坏,该会移动一个块,并使其他块也移动一个,然后在布局中间留一个空白:

数组反转时,几个div移开,从而破坏了布局 - php

会有人对发生的事情有丝毫的想法,并愿意帮助我吗?

参考方案

如果再靠近一点,您会发现STEVE DAVID的盒子比其他盒子高1px。此1px破坏了浮动网格。尝试使用CSS清除每个4th元素上的浮点数。

就像这样:

.item:nth-child(4n+4) {}

PHP-复选框组 - php

我有一个需要发布的表单复选框组。<input type="checkbox" value="true" checked name="chk0[]"> <input type="checkbox" value="false" name=…

php Singleton类实例将在多个会话中保留吗? - php

举一个简单的例子,如果我想计算一个不使用磁盘存储的脚本的命中次数,我可以使用静态类成员来执行此操作吗?用户1:<?php $test = Example::singleton(); $test->visits++; ?> 用户2:<?php $test = Example::singleton(); $test->visits+…

php:将分钟取整到最近的四分之一小时,然后执行更多操作 - php

最初的问题是这样的:取分钟数->转换为四分之一小时-> 1个四分之一小时为1个单位->输出单位我今天整天都在整理页面,几分钟前我的大脑就停止工作了,我只是不知道如何输出单位数量。我知道在此网站上发布问题会有所帮助。因此,用户输入的分钟数(不是小时和分钟,而是数分钟),站点需要输出单位数量。单位是一个刻钟。分钟总是四舍五入到最近的四分之一小时…

当使用jquery的id做某事时,id可以来自任何一种标记吗? - php

我是JQuery的新手,我正尝试使用PHP,HTML和JQuery编写代码。我想用具有ID的标签替换HTML中的所有<?php echo $var; ?>。例如,我想使用<div id="name"></div>之类的东西,然后使用$("#name")将其显示在该div字段中。我的问…

PHP:为什么将日期设置为数组? - php

为什么将此字符串组成一个数组,如何停止它?摘要:(获取日期)public function setDate(){ $this->date = date("Y-m-d"); return $date; } public function getDate(){ return $this->date; } $date = getDa…