关于for循环（模板循环）

Question

我four <div>在一个页面。我想在每个<div>上显示25记录。我写了乱码。它不工作。你能帮我吗？谢谢

<div one > <div two> <div three> <div four> 
1    26   51   76 
2    27   52   77 
3    28   53   78 
-    -   -   - 
-    -   -   - 
25    50   75   100 
</div>  </div>  </div>  </div> 

这里是模板代码。

<div class="fourcolumnswrapper"> 
     <div class="moviescolumn"> 
    {% for movie in movies.object_list %} 
    <a href="{{ movie.get_absolute_url}}">{{ movie.title }}</a><br/> 
    <!-- Display first 25 record in one div --> 
    {% if forloop.counter == 25 %} 

     </div> 
     {% endif %} 
    {% if forloop.counter > 25 and forloop.counter <= 50 %} 
     <div class="moviescolumn"> 

     {% if forloop.counter == 50 %} 
      </div> 
     {% endif %} 
    {% endif %} 
    {% if forloop.counter > 50 and forloop.counter < 75 %} 
     <div class="moviescolumn"> 

     {% if forloop.counter == 75 %} 
      </div> 
     {% endif %} 
    {% endif %} 
    {% endfor %} 


    </div> 

更新输出：http://i.imgur.com/zuc8y.png这里是源代码generated by view source。 http://dpaste.org/dxKi8/

Answer 1

你做错了。试试这个

<div class="moviescolumn"> 

    {% for movie in movies.object_list %} 
<a href="{{ movie.get_absolute_url}}">{{ movie.title }}</a><br/> 
<!-- Display first 25 record in one div --> 
{% if forloop.counter == 25 %} 
<!-- Paginator--> 
<!-- End Paginator --> 
</div> 
<div class="moviescolumn"> 
{% endif %} 
{% if forloop.counter == 50 %} 
</div> 
<div class="moviescolumn"> 
{% endif %} 
{% if forloop.counter == 75 and forloop.counter < 100 %} 
</div> 
{% endif %} 
{% endfor %} 

Answer 2

你可能想输出是这样的：

<div class="fourcolumnswrapper"> 
    <div class="moviescolumn"> 
    <a href="movie_link.html">Movie title here 1</a><br /> 
    <a href="movie_link.html">Movie title here 2</a><br /> 
    <a href="movie_link.html">Movie title here 3</a><br /> 
    <a href="movie_link.html">Movie title here 4</a><br /> 
    <a href="movie_link.html">Movie title here 5</a><br /> 
    </div> 
    <div class="moviescolumn"> 
    <a href="movie_link.html">Movie title here 6</a><br /> 
    <a href="movie_link.html">Movie title here 7</a><br /> 
    <a href="movie_link.html">Movie title here 8</a><br /> 
    <a href="movie_link.html">Movie title here 9</a><br /> 
    <a href="movie_link.html">Movie title here 10</a><br /> 
    </div> 
    <div class="moviescolumn"> 
    <a href="movie_link.html">Movie title here 11</a><br /> 
    <a href="movie_link.html">Movie title here 12</a><br /> 
    <a href="movie_link.html">Movie title here 13</a><br /> 
    <a href="movie_link.html">Movie title here 14</a><br /> 
    <a href="movie_link.html">Movie title here 15</a><br /> 
    </div> 
    <div class="moviescolumn"> 
    <a href="movie_link.html">Movie title here 16</a><br /> 
    <a href="movie_link.html">Movie title here 17</a><br /> 
    <a href="movie_link.html">Movie title here 18</a><br /> 
    <a href="movie_link.html">Movie title here 19</a><br /> 
    <a href="movie_link.html">Movie title here 20</a><br /> 
    </div> 
</div> 

要fourcolumnswrapper为四列显示的div，你需要这样的CSS：

.fourcolumnswrapper { 
    width:1000px; /* width must be set */ 
} 

.moviescolumn { 
    float:left; 
    width: 25%; 
} 

最后在Django模板系统来实现这一目标你可以这样写：

<div class="fourcolumnswrapper"> 
    <div class="moviescolumn"> 
    {% for movie in movies.object_list %} 
    <a href="{{ movie.get_absolute_url}}">{{ movie.title }}</a><br/> 
    {% if forloop.counter|divisibleby:"25" and not forloop.last %} 
    </div> 
    <div class="moviescolumn"> 
    {% endif %} 
    {% endfor %} 
    </div> 
</div> 

你可以看到最后的效果here on JSFiddle。

Answer 3

为什么您使用的表格数据的DIV？这是一个非常好的TABLE元素。