2016-05-08 12 views
0

Twig変数を使用してスタイル値を与えたいと思います。CSSで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タグは移動しません。

答えて

1

あなたはcssにエラーがあります。ただ、これに加えとしてposition:absolute;

0

から
変更がposition;absolute;、ちょうどそれが読みやすくすると、「マックス・P」のような問題を発見することができ、HTML/TWIGコードの書式設定が標準化されていることを確認述べました。

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

あなたのスペース/タブがすべて同じであることを確認し、また、問題を引き起こす可能性があります

{%endfor%} 

として!

関連する問題