Smartyは、余分なHTMLを使わずに、CSSでグリッド/テーブル構造を作成します。

Question

私は基本的な<ul>リストをHTMLで3列のグリッドに変換しています。各リスト項目は固定幅は左浮いているので、理想的に私は希望：

<ul> 
    <li>List 1</li> 
    <li>List 2</li> 
    <li>List 3</li> 
    <li class="clear">List 4</li> 
    <li>List 5</li> 
    <li>List 6</li> 
    <li class="clear">List 7</li> 
    <li>List 8</li> 
    <li>List 9</li> 
    <li class="clear">List 10</li> 
</ul> 

私はこの試みている瞬間：これは最初の行から離れて作品の下にあなたが見ることができるように

<ul> 
{foreach $submenu.child.items as $row} 
    <li class="{if $row@iteration is div by 4}clear{/if}"><a href="#">{$row.label}</a></li> 
{/foreach} 
</ul> 

を。例えば：

<ul> 
    <li>List 1</li> 
    <li>List 2</li> 
    <li>List 3</li> 
    <li class="clear">List 4</li> 
    <li>List 5</li> 
    <li>List 6</li> 
    <li>List 7</li> 
    <li class="clear">List 8</li> 
    <li>List 9</li> 
    <li>List 10</li> 
</ul> 

UPDATE： 私は仕事にこれを取得することができる唯一の方法は、余分なHTMLを追加することです。他の方法はありますか？

<ul> 
{foreach $submenu.child.items as $row} 
    <li><a href="">{$row.label}</a></li> 
    {if $row@iteration % 3 == 0}<li class="clearBoth"></li>{/if} 
{/foreach} 
</ul> 

Answer 1

最初のエントリに「クリア」があるかどうかは気になりますか？

そうでない場合は、あなたが行う場合は、

{if $row@iteration % 3 == 1} 

、あなたが必要となります

{if $row@iteration > 1 && $row@iteration % 3 == 1} 

（または任意の構文はSmartyのです）。

あなたが問題を説明した場合、つまり、それがカウントされていた場合、HTMLやSmartyとは関係ありません。