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

求div+css实现table的rowspan功能?解决思路

2012-04-05 
求div+css实现table的rowspan功能?就是不用table,只用div+css实现下面的画面!谢谢!DOCTYPEhtmlPUBLIC-//

求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>


<tr>
<td> &nbsp; </td>
<td> &nbsp; </td>
</tr>
</table>
<table width= "200 " border= "1 ">
<tr>
<td> &nbsp; </td>
<td> &nbsp; </td>
<td> &nbsp; </td>
</tr>
</table>

即把一个大表格改成为多个表格输出,亦可提高速度

热点排行