我正在用php,html和CSS构建一个简单的事件日历。 在日历中,我有一个基本的div,里面有一些文本,它是日历中一个框的简单复制:
<div class="day col-sm p-2 border border-left-0 border-top-0 text-truncate ">
<h5 class="row align-items-center">
<span class="date col-1">24</span>
<small class="col d-sm-none text-center text-muted">Friday</small>
<span class="col-1"></span>
</h5>
<p class="d-sm-none">Event: Go to Work</p>
</div>
null
日历中的一切都运行得很好,只是我不得不重复上面的元素倍数,实际上是非常多的次数,这通常不是一个很好的实践,而且代码很难处理。 所以我决定找到一种方法来重复这个div的代码,但是只使用HTML和 CSS。 最多只有一点点php,其他什么都没有。
我试着在谷歌上搜索和尝试答案 堆栈溢出,都无济于事。 如有任何帮助,不胜感激
如果不使用至少一点PHP,您将无法完成此操作,不幸的是,仅仅使用HTML/CSS不足以创建一个循环(无论如何,如果不使用后面运行的PHP代码中的变量,您几乎永远都不需要这样做)
因此,例如,使用一点PHP,如果您想要这个元素10次:
<?php for ($x = 0; $x < 10; $x++) { ?>
<div class="day col-sm p-2 border border-left-0 border-top-0 text-truncate ">
<h5 class="row align-items-center">
<span class="date col-1">24</span>
<small class="col d-sm-none text-center text-muted">Friday</small>
<span class="col-1"></span>
</h5>
<p class="d-sm-none">Event: Go to Work</p>
</div>
<?php } ?>