首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

如何样生成一个N行4列的表格

2012-04-15 
怎么样生成一个N行4列的表格table cellpadding0 cellspacing0width170 border0 aligncente

怎么样生成一个N行4列的表格
<table cellpadding="0" cellspacing="0" width="170" border="0" align="center" >
   
  #set ( $links = $web-link-name.getSiblings() )
  #set ( $n= 1 )  
  #foreach( $link in $links )
  #if($n%5==0)
  #set($n=$n+1)
  <tr>
  <td align="center">
  #if ($link.getData() != "")
  <a href="$link.web-url.getData()">
  #if ($link.web-picture.getData() != "")
  <img src="$link.web-picture.getData()" width="144" border="0" height="95" style="border:1px solid #999999; padding:1px;" / > 
  $link.web-title-name.getData()  
  #else
  <h2>$link.getData()</h2>
  #end
  </a>
  #end
  </td>
  <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
  </tr>
  #else
  #set($n=$n+1)  
  <td align="center">
  #if ($link.getData() != "")
  <a href="$link.web-url.getData()">
  #if ($link.web-picture.getData() != "")
  <img src="$link.web-picture.getData()" width="144" border="0" height="95" style="border:1px solid #999999; padding:1px;" / > 
  $link.web-title-name.getData()  
  #else
  <h2>$link.getData()</h2>
  #end
  </a>
  #end
  </td>
  <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
  #end
  #end
   
</table>

请修改上面的代码生成一个N行4列的表格 表格内存放的是图片 要求每四个换一行  
 以上代码我实现的是奇数行是一列,偶数行是4列 怎么修改才能变成每行都是4列 
  请大家帮忙 很急 谢谢 在线等

[解决办法]
方法很多吧,
给你一种思路是
len表示List的长度
len>0输出<tr>
(len + 1)%4 == 0 输出</tr>
(len + 1)%4 == 1输出<tr>
最后还要考虑到最后一行不满4列的情况
len % 4 == 1,补上三格
len % 4 == 2, 补上两格
len % 4 == 3, 补上一格

热点排行