今天在商业区又碰到用户在使用系统函数标签时,不会控制分列的情况。这问题比较简单也比较普遍，这是由于一些用户对css不熟悉的原因吧。现给大家讲讲思路。

其实我们要利用系统函数标签实现多行多列，只需要在标签循环体里加入li即可，如下代码

循环体

<div class="list">

<ul>

[loop=10]

   <li> 其它自己要显示的内容标签 </li>

[/loop]

<ul>

</div>

上面这段代码前台标签输出后格式如下:

<div class="list">

<ul>

<li> 其它自己要显示的内容标签 </li>

<li> 其它自己要显示的内容标签 </li>

<li> 其它自己要显示的内容标签 </li>

<li> 其它自己要显示的内容标签 </li>

<li> 其它自己要显示的内容标签 </li>

<li> 其它自己要显示的内容标签 </li>

...

</ul>

</div>

到这里稍懂css的用户，就能很快的将上面代码实现多行分列显示了，我们只需要在对应的模板的css文件里增加以下css代码即可

.list{width:600px}   /*控制总宽度*/

.list li{width:200px;float:left}   /*控制每个li宽度为200,这样刚好一行显示3列*/

以上仅说明下思路，具体样式请自由发挥吧。。。