因此,我使用此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 }} • {{ 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
的位置,所以我将最后一个位置的那个换到第一个位置(STEVE DAVID • SITE
是第一个,ZELDA-BOSS • SITE
是最后一个)。
所以我自然而然地走了:
return $this->render('views/partials/realisations.html.twig', [
'realisations' => array_reverse($realisations), // use array_reverse()
]);
但是一旦完成,布局就会被一个div
破坏,该会移动一个块,并使其他块也移动一个,然后在布局中间留一个空白:
会有人对发生的事情有丝毫的想法,并愿意帮助我吗?
参考方案
如果再靠近一点,您会发现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…