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

人无癖不可与交,以其无深情也。

人无疵不可与交,以其无真情也。

 
 
 

日志

 
 

合并单元格的代码设置关键释疑  

2011-06-16 06:53:02|  分类: 表格代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


 

 

       合并单元格的代码设置技巧

 

第一行

第一列

 第三、四两个

单元格合并

第一行

第四列

这里四

个单元

格合并

成一个,位置在

第二行

第一列

第二行

第二列

第二行

第三列

这里四

个单元

格合并

成一个,位置在

第二行

第四列

第三行

第二列

第三行

第三列

第四行

第二列

第四行

第四列

第五行

第二列

第五行

第三列

        代码诠释:
     此表五行四列组成,合并单元格的要领:
       1、  合并单元格的关键是掌握好行和列单元格合并控制代码的运用
        【rowSpan=2,上下栏合并】数值指这列中被合并单元格的数量;
   【colSpan=3,左右栏合并】数值指这行中被合并单元格的数量;
    2、准确理解单元格的含义:
         (1)我们合并第一行中二、三两个单元格时,正确理解是第三个
     单元格被合并,所以此行只有三个单元格;
    (2)第二行到第五行第一列的单元格被合并到第二行,实际上
        第三到第五行的第一列已经不存在;同样的道理第二行到第
        五行第四列的单元格被合并到第二行,第三到第五行的第四
        列也不存在,这样第三到第五行只有两列,这是理解难点
        也是设置代码的关键所在。
        

 
 
 
   代码:
<P><WBR>&nbsp;</P>
<TABLE style="WIDTH: 422px; HEIGHT: 59px"
cellSpacing=0 borderColorDark=#330000
cellPadding=5 width=422 align=center bgColor=#204040 borderColorLight=#000000 border=1>
<TBODY>
<TR align=middle>
<TD borderColorLight=#000000 width=400
borderColorDark=#808080 height=10>
<P align=center><FONT color=#ffff00 size=5>
<STRONG>合并单元格&nbsp;</STRONG>
</FONT></P></TD></TR>
</TBODY></TABLE>
<TABLE cellSpacing=5 borderColorDark=#330000
cellPadding=2 width=420 align=center bgColor=#204040
borderColorLight=#000000 border=2>
<TBODY>
<TR> 【第一行】
<TR>
<TD borderColorLight=#000000 align=middle width=80 borderColorDark=#808080 height=10></TD>【单元格单元格】
<TD borderColorLight=#000000 align=middle width=160 borderColorDark=#808080
colSpan=2【第一行的第二列】 height=10><FONT color=#ff00ff>左右两个单元格合并
</FONT></TD>【第二个单元格】 这里第三个单元格因为被合
并掉了,  所以它的代码必须去掉
<TD borderColorLight=#000000 align=middle width=80 borderColorDark=#808080 height=10><FONT size=2>
</FONT></TD>【第四个单元格】
<TR>【第二行】
<TD borderColorLight=#000000 align=middle width=80 borderColorDark=#808080 height=10  
rowSpan=4
【第二行的第一列】></TD>
<TD borderColorLight=#000000 align=middle width=80 borderColorDark=#808080 height=10></TD>
<TD borderColorLight=#000000 align=middle width=80 borderColorDark=#808080 height=10></TD>
<TD borderColorLight=#000000 align=middle width=80 borderColorDark=#808080 height=10  
rowSpan=4
【第四行的第四列】></TD>
<TR>【第三行【第三到第五行中因为两列被合并掉,
实际只有两列了,所以必须把代码去除】
<TD borderColorLight=#000000 align=middle width=80 borderColorDark=#808080 height=10></TD>
<TD borderColorLight=#000000 align=middle width=80 borderColorDark=#808080 height=10></TD>
<TR>【第四行】
<TD borderColorLight=#000000 align=middle width=80 borderColorDark=#808080 height=10></TD>
<TD borderColorLight=#000000 align=middle width=80 borderColorDark=#808080 height=10></TD>
<TR>【第五行】
<TD borderColorLight=#000000 align=middle width=80 borderColorDark=#808080 height=10></TD>
<TD borderColorLight=#000000 align=middle width=80
borderColorDark

 =#808080 height=10></TD></TR></TR></TR></TR></TR>

</TBODY></TABLE>
<DIV align=center>
<TABLE cellSpacing=0 borderColorDark=#330000

cellPadding=5 width=420 align=center bgColor=#204040 borderColorLight=#000000 border=1>
</TD></TR></TBODY></TABLE></DIV>

 
页脚模块荟萃 - 幽谷星尘 - 人无癖不可与交,以其无深情也。

 

★ 欢迎朋友。感谢您的光临。 ★

 
欢迎光临幽谷星尘家园
欢迎光临幽谷星尘家园
 
 

幽谷星尘家园欢迎你

 
 

 
      

 

 

  评论这张
 
阅读(564)| 评论(2)

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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