循环table转换成div,该如何解决

循环table转换成div


修改成



table的结构

<tr bgcolor=#ffffff onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='#DEF1F1'"><br /><td    style="max-width:90%" align="center" valign="middle" >	  <br />              <input type="checkbox" name="checkbox[]" value='6' /></td><td height="28" class="font"><div align="center">10</div></td><br /><td height="28" class="font">      |--<a href="?action=edit&amp;id=6">网站管理</a></td><br /><td height="28" class="font"></td><td height="28" class="font">1</td><td height="28" class="font"><div align="center"><a href="sys_menu_add.php?action=edit&amp;id=6">修改</a> <a href="?action=del&amp;id=6">删除</a></div></td><br /></tr><br /><tr bgcolor=#e9f5fe onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='#DEF1F1'"><br /><td height="28" align="center" valign="middle" >	  <br />              <input type="checkbox" name="checkbox[]" value='9' /></td><td height="28" class="font"><div align="center">0</div></td><br /><td height="28" class="font">            |--<a href="?action=edit&amp;id=9">排序管理</a></td><br /><td height="28" class="font"></td><td height="28" class="font">0</td><td height="28" class="font"><div align="center"><a href="sys_menu_add.php?action=edit&amp;id=9">修改</a> <a href="?action=del&amp;id=9">删除</a></div></td><br /></tr><br /><tr bgcolor=#ffffff onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='#DEF1F1'"><br /><td height="28" align="center" valign="middle" >	  <br />              <input type="checkbox" name="checkbox[]" value='8' /></td><td height="28" class="font"><div align="center">0</div></td><br /><td height="28" class="font">            |--<a href="?action=edit&amp;id=8">登陆日志</a></td><br /><td height="28" class="font"></td><td height="28" class="font">0</td><td height="28" class="font"><div align="center"><a href="sys_menu_add.php?action=edit&amp;id=8">修改</a> <a href="?action=del&amp;id=8">删除</a></div></td><br /></tr><br /><tr bgcolor=#e9f5fe onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='#DEF1F1'"><br /><td height="28" align="center" valign="middle" >	  <br />              <input type="checkbox" name="checkbox[]" value='7' /></td><td height="28" class="font"><div align="center">10</div></td><br /><td height="28" class="font">            |--<a href="?action=edit&amp;id=7">系统信息</a></td><br /><td height="28" class="font"></td><td height="28" class="font">0</td><td height="28" class="font"><div align="center"><a href="sys_menu_add.php?action=edit&amp;id=7">修改</a> <a href="?action=del&amp;id=7">删除</a></div></td><br /></tr><br /><tr bgcolor=#ffffff onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='#DEF1F1'"><br /><td height="28" align="center" valign="middle" >	  <br />              <input type="checkbox" name="checkbox[]" value='10' /></td><td height="28" class="font"><div align="center">0</div></td><br /><td height="28" class="font">                  |--<a href="?action=edit&amp;id=10">系统分类</a></td><br /><td height="28" class="font"></td><td height="28" class="font">1</td><td height="28" class="font"><div align="center"><a href="sys_menu_add.php?action=edit&amp;id=10">修改</a> <a href="?action=del&amp;id=10">删除</a></div></td><br /></tr>

div CSS的结构

aebcb641ac05c100f94947dc0afbb99749a50fa7989c72740d6878fdbe3daebe上级文件5db79b134e9f6b82c0b36e0489ee08ed<br>ff6d136ddc5fdfeffaf53ff6ee95f185<br>25edfb22a4f469ecb59f1190150159c6ff4a15e4a402fd8ad470b7b26bb9c6be8b5a8f39077df3c56a31ef7692d424f2运检部54bdf357c58b8a65c66d7c19c8e4d1145db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb<div class="clear"></div>