循环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的结构

<li id="m33"><a href="javascript:void(0);" >上级文件</a><br><ul><br><li><a href="/news-p11-pp33-ppp140" ><span class="">运检部</span></a></li><div class="clear"></div>