首先找到默认模板中的循环代码：

{php $j=1;}

{loop subcat($catid) $v}

{php if($v['type']!=0) continue;}

<div {if $j%2==1}style="margin-right:10px"{/if}>

.....

{if $j%2==0}<div></div>{/if}

{$j++}

{/loop}

现在假如我要改成一行3个，那么新的代码就是：

{php $j=1;}

{loop subcat($catid) $v}

{php if($v['type']!=0) continue;}

<div {if $j%3==1}style="margin-right:10px"{/if}{if $j%3==2}style="margin-right:10px"{/if}>

.......

{if $j%3==0}<div></div>{/if}

{$j++}

{/loop}

下面做出解释：

①第4行代码：“$j%3==1”代表每行3个box（每个栏目的边框css样式）的第一个，“$j%3==2”就是3个box中间的一个，这两个box都使用了style样式 margin-right:10px的样式，即右外边距10px；

②第6行代码：这个是每行与每行的边距代码；

③修改default_blue.css样式表里的box、cat-area，修改边框的宽度及颜色等自定义样式。