在CSS中使用Twig

Question

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

CSS

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

Twig

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

    </div>
{%endfor%}

没有结果divs不动。

Answer 1

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

Answer 2

作为对此的补充，请确保HTML / TWIG代码的格式化是标准化的，这样可以更容易阅读并发现像＆＃34; Max P＆＃34;说明。

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

确保您的空格/标签与

完全相同

{%endfor%}

也可能导致问题！