首页 新闻 会员 周边

页面布局中的rowspan和colspan的问题

0
悬赏园豆:10 [已关闭问题]

colspan和rowspan怎么用好呢?用<td>下嵌套<table>效果不好,用colspan和rowspan又对不起,请问怎么解决啊?

Qubook的主页 Qubook | 初学一级 | 园豆:0
提问于:2008-09-05 14:48
< >
分享
其他回答(5)
0

colspan:表示一个单位格占几格,如

<table>
<tr><td>1</td> <td>2</td> <td>3</td>
</tr>
<tr>
<td colspan=3>4</td>  //表示这个单元格占领3个位置
</table>

rowspan同colspan差不多,是行当占位,

在<td>下再嵌套table的情况那要看需求了,你可以试下div 和span的组合,然后再div中嵌套table也是不错的选择,当然,等你熟悉了,最后全部css表现就更OK了

zjy | 园豆:3194 (老鸟四级) | 2008-09-05 14:57
-1

如果新手实在弄不懂如何使用 colspan 和 rowspan,建议使用开发工具的视图模式,选取相关单元格使用鼠标右键等进行“单元格合并”等。通过系统操作的表格,是“对得起(对得齐)“的:)。当然,最重要的是通过这样的方式,查看系统操作的结果,并学习如何进行”手动编表“,而不完全依赖于工具。

陛下 | 园豆:3938 (老鸟四级) | 2008-09-05 15:31
0

建议用视图模式

汉城 | 园豆:2 (初学一级) | 2008-09-05 16:18
0

用这两个的话,一定要数清数量,先从简单的开始,然后慢慢加上去,多数几次也就明白了

丁学 | 园豆:18730 (专家六级) | 2008-09-05 17:28
0

div+css 最近刚学的....

Jared.Nie | 园豆:1940 (小虾三级) | 2008-09-05 17:45
0

colspan是这个列跨度为n列的位置,说白点,就是取消了这两个列中间的横线,变成了一个列。而

rowspan是这个列跨度为n行的位置,说白点,就是取消了这两个行中间的横线,变成了一个行,自己测试效果会更好些

colspan::

<table>

  <tr>

    <td>1</td>

    <td>2</td>

  </tr>  

  <tr>

    <td rowspan="2">3</td>

    <td>4</td>

  </tr>

</table>

 

rowspan::

<table>

  <tr>

    <td>1</td>

    <td>2</td>

  </tr>  

  <tr>

    <td colspan="2">3</td>

  </tr>

</table>

jamsewang | 园豆:190 (初学一级) | 2008-09-06 17:02
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册