Django中动态内容的CSS网格/Flexbox

我正在为一个项目使用Django，我有一个线框CSS网格布局，目前有4个，我想知道如何使用Django用动态内容替换这些线框组件

---

我知道，

{%forpost-in-posts%}

将以一种直接列表的方式对我有效，但是我如何在网格系统中实现这一点，因此每当它在网格中达到4时，它将断开到一个新行。我被难住了，还没有在网上找到任何关于如何做的信息。

对于数据插入，您仍然需要使用

{%forpost-in-posts%}

，因为在浏览器中渲染时，分解将注意您的

css

。 因为列表视图和网格视图从数据自动计算的角度看并没有区别，所以它只是一种不同的可视化方式

<div class="your-grid">
{% for post in posts %}
    <div class="grid-element">
        {{ post }}
    </div>
{% endfor %}
</div>

<style>
.your-grid
{
  display: grid;
  grid-template-columns: repeat(1fr, 4);
  grid-gap: 8px;
}
<style>

{posts%%中的post为%s}
{{post}}
{%endfor%}
.你的网格
{
显示：网格；
网格模板列：重复（1fr，4）；
栅隙：8px；
}