html表格单元格合并,跨行跨列笔记

原创 PHP笔记  2017-03-27 18:01  阅读 4,046 views 次

html表格在实际运用中,并不是每一个表格都那么’规范‘。比如,经常会见到一个单元格占几个单元格的位置,这就需要合并单元格了。在html中,给出了跨列、跨行的属性,这就可以达到合并单元格的效果了。

单元格合并属性

  • colspan:跨列,横跨几列,合并几列。
  • rowspan:跨行,跨几行,合并几行。

格式:

<td colspan="value">
<td rowspan="value">

实例:

......
<body>
<table border="1px" width="400px" height="300">
<tr height="50px"><td colspan="4" align="center">PHP笔记</td></tr>
<tr align="center">
<td >web前端</td>
<td>html</td>
<td>css</td>
<td>JavaScript</td>
</tr>
<tr align="center">
<td>服务器端</td>
<td colspan="2">PHP</td>
<td>数据库</td>
</tr>
</table>
</body>
......

运行结果:

本文地址:https://www.ggbiji.com/html-merge.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情