求div+css实现table的rowspan功能？解决思路
日期：2014-05-17 浏览次数：20661 次
求div+css实现table的rowspan功能？
就是不用table,只用div+css实现下面的画面！ 谢谢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
</head>
<body>
<table width= "200 " border= "1 ">
<tr>
<td rowspan= "2 "> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td rowspan= "3 "> </td>
<td rowspan= "2 "> </td>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
------解决方案--------------------
不必生搬DIV+CSS，并不是任何时候都适用
------解决方案--------------------
web2.0中毒太深了?或许你本身已经对web2.0误解了,并不是什么都要用 div+css的 如果是表单,还是用table的效率高.别太执着了
下的分到不少,可这样做出来,也没什么意义了
------解决方案--------------------
真是晕啊，现在的网络环境这么好，网页的执行效率很高的，table与div＋css已经无别了。
------解决方案--------------------
该用table的时候就用table
------解决方案--------------------
如果是数据，就用 <table /> ，不要自找麻烦。
如果是非数据的布局，就不要用 <table /> ，并且把有关的想法彻底扔掉，包括rowspan。
------解决方案--------------------
不防把你的代码改成
<table width= "200 " border= "1 ">
<tr>
<td rowspan= "2 "> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<table width= "200 " border= "1 ">
<tr>
<td rowspan= "3 "> </td>
<td rowspan= "2 "> </td>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
就是不用table,只用div+css实现下面的画面！ 谢谢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
</head>
<body>
<table width= "200 " border= "1 ">
<tr>
<td rowspan= "2 "> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td rowspan= "3 "> </td>
<td rowspan= "2 "> </td>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
------解决方案--------------------
不必生搬DIV+CSS，并不是任何时候都适用
------解决方案--------------------
web2.0中毒太深了?或许你本身已经对web2.0误解了,并不是什么都要用 div+css的 如果是表单,还是用table的效率高.别太执着了
下的分到不少,可这样做出来,也没什么意义了
------解决方案--------------------
真是晕啊，现在的网络环境这么好，网页的执行效率很高的，table与div＋css已经无别了。
------解决方案--------------------
该用table的时候就用table
------解决方案--------------------
如果是数据，就用 <table /> ，不要自找麻烦。
如果是非数据的布局，就不要用 <table /> ，并且把有关的想法彻底扔掉，包括rowspan。
------解决方案--------------------
不防把你的代码改成
<table width= "200 " border= "1 ">
<tr>
<td rowspan= "2 "> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<table width= "200 " border= "1 ">
<tr>
<td rowspan= "3 "> </td>
<td rowspan= "2 "> </td>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
