注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

金秋咏菊的博客

金秋咏菊博客 欢迎您

 
 
 

日志

 
 

表格合并代码【一】【转载】  

2014-04-07 00:49:43|  分类: 博客素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自一路e同行《表格合并代码【一】》

表格横向合并代码

表格合并代码【一】 - 一路e同行 - 歌声相伴 开心前行表格合并代码【一】 - 一路e同行 - 歌声相伴 开心前行表格合并代码【一】 - 一路e同行 - 歌声相伴 开心前行

 

<TABLE border=3 cellSpacing=5 borderColor=#33ccff cellPadding=10 width=600 align=center>
<TBODY>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD></TR>
<TR>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD></TR>
<TR>
<TD>9</TD>
<TD>10</TD>
<TD>11</TD>
<TD>12</TD></TR></TBODY></TABLE>

效果图如下:

1 2 3 4
5 6 7 8
9 10 11 12

 如表格中1、2、3、4格合成一格,把代码

<TR><TD>1</TD><TD>2</TD><TD>3</TD><TD>4</TD></TR>
改成<TR><TD colSpan=4 align=middle>1</TD></TR>其中4代表合并格数)

代码如下:

 <TABLE border=3 cellSpacing=5 borderColor=#33ccff cellPadding=10 width=600 align=center>
<TBODY>
<TR>
<TD colSpan=4 align=middle>1</TD></TR>
<TR>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD></TR>
<TR>
<TD>9</TD>
<TD>10</TD>
<TD>11</TD>
<TD>12</TD></TR></TBODY></TABLE>

效果图如下:

1
5 6 7 8
9 10 11 12


如要把6、7、8合成一格,把代码<TD>6</TD><TD>7</TD><TD>8</TD></TR>

换成<TD colSpan=3 align=middle>1</TD></TR>

代码如下:

<TABLE border=3 cellSpacing=5 borderColor=#33ccff cellPadding=10 width=600 align=center>
<TBODY>
<TR>
<TD colSpan=4 align=middle>1</TD></TR>
<TR>
<TD>5</TD>
<TD colSpan=3 align=middle>6</TD></TR>
<TR>
<TD>9</TD>
<TD>10</TD>
<TD>11</TD>
<TD>12</TD></TR></TBODY></TABLE>

效果图如下:

1
5 6
9 10 11 12


同理,如要把10、11合成一格,把代码<TD>10</TD><TD>11</TD>

换成<TD colSpan=2 align=middle>10</TD>

效果图如下:

1
5 6
9 10              12

 

                                      

  •  
  •                           

 

                              边框:梦中情

  评论这张
 
阅读(36)| 评论(22)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017