테이블 행의 결과를 주문하는 방법

Question

나는 무엇인가하려하지만, 할 수 없다.

<table cellpadding="6" border=0> 

<tr style="height:20px"> 

{foreach from=$group.attributes name=awp_loop item=group_attribute} 

{strip} 

{assign var='id_attribute' value=$group_attribute.0} 

<td align="center" {if $group.group_layout}valign="top"{/if}> 
<div id="awp_checkbox_cell{$id_attribute}" style="{if !$group.group_layout}float:left;{else}width:100%;clear:left;{/if}"> 

{if $group.group_per_row > 1}<center>{/if} 

<input style="border:none;margin:0;padding:0" type="checkbox" {if $group.attributes_quantity.$id_attribute == 0 && $awp_out_of_stock == 'disable'}disabled="disabled"{/if} class="awp_attribute_selected awp_group_class_{$group.id_group}" name="awp_group_{$group.id_group}" id="awp_checkbox_group_{$id_attribute}" onclick="awp_select('{$group.id_group|intval}',{$group_attribute.0|intval}, {$awp_currency.id_currency},false);" value="{$group_attribute.0|intval}" {if $group.default|is_array && $id_attribute|in_array:$group.default}checked{/if} />&nbsp; 

{if $group.group_per_row > 1}</center>{/if} 

</div> 
</td> 

{if $smarty.foreach.awp_loop.iteration < $group.attributes|@count && $smarty.foreach.awp_loop.iteration % $group.group_per_row == 0} 

</tr> 

<tr style="height:20px;"> 

{/if} 

{/strip} 

{/foreach} 

</tr> 

</table> 

:이 같은 코드를 가지고,

+----------+----------+----------+ 
|Dressing 1|Dressing 2|Dressing 3| 
+----------+----------+----------+ 
|Dressing 4|Dressing 5|Dressing 6| 
+----------+----------+----------+ 
|Dressing 7|Dressing 8|Dressing 9| 
+----------+----------+----------+ 

을 지금 : 결과이 같이있는 곳 나는 테이블이 있습니다

+----------+ 
|Dressing 1| 
+----------+ 
|Dressing 2| 
+----------+ 
|Dressing 3| 
+----------+ 
|Dressing 4| 
+----------+ 
|Dressing 5| 
+----------+ 
|Dressing 6| 
+----------+ 
|Dressing 7| 
+----------+ 
|Dressing 8| 
+----------+ 
|Dressing 9| 
+----------+ 

그러나 나는이처럼 표시 할

하지만 테이블이나 코드를 3 개의 항목 만 연속으로 만드는 방법을 알아낼 수는 없습니다. 누군가가 도울 수 있다면 좋을 것입니다.

Answer 1

나는 목록을 사용하고 각 li 요소를 떠 다니게 될 것이다. 그러면 원하는 결과를 얻을 수 있고 훨씬 더 깨끗합니다. 테이블 방법에 관해서는

http://jsfiddle.net/Zppya/

은 ... 카운터를 추가하고 새 행을 만들 수 있도록 모든 세 번째 요소를 결정하는 모드/나머지 기능을 사용합니다.