在 CSS 中使用 Twig

Question

我想使用 Twig 变量给样式值。

CSS

.postit{
    width:200px;
    height:400px;
    border:1px solid #FFCB00;
    position;absolute;
}

树枝

{% for  user  in postits%}
    <div class="postit" style ="left:{{user.X}}px; top:{{user.Y}}px">

    </div>
{%endfor%}

没有结果 div 不移动。

Answer 1

您在 css 中有错误。
将 position;absolute; 更改为 position:absolute;

Answer 2

除此之外，请确保 HTML/TWIG 代码的格式是标准化的，这样更容易阅读和发现 "Max P" 所述的问题。

{% for user in postits %}
    <div class="postit" style ="left:{{user.X}}px; top:{{user.Y}}px"></div>        
{% endfor %}

确保你的spaces/tabs和

一样

{%endfor%}

也会导致问题！