日期:2014-05-17  浏览次数:20644 次

求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 "> &nbsp; </td>
        <td> &nbsp; </td>
        <td> &nbsp; </td>
    </tr>
    <tr>
        <td> &nbsp; </td>
        <td> &nbsp; </td>
    </tr>
    <tr>
        <td   rowspan= "3 "> &nbsp; </td>
        <td   rowspan= "2 "> &nbsp; </td>
        <td> &nbsp; </td>
    </tr>
    <tr>
        <td> &nbsp; </td>
    </tr>
    <tr>
        <td> &nbsp; </td>
        <td> &nbsp; </td>
    </tr>
    <tr>
        <td> &nbsp; </td>
        <td> &nbsp; </td>
        <td> &nbsp; </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 "> &nbsp; </td>
<td> &nbsp; </td>
<td> &nbsp; </td>
</tr>
<tr>
<td> &nbsp; </td>
<td> &nbsp; </td>
</tr>
</table>
<table width= "200 " border= "1 ">
<tr>
<td rowspan= "3 "> &nbsp; </td>
<td rowspan= "2 "> &nbsp; </td>
<td> &nbsp; </td>
</tr>
<tr>
<td> &nbsp; </td>
</tr>