分享

表格合并代码【一】

 暮月深阑 2018-09-11

表格横向合并代码

表格合并代码【一】 - 一路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

 

                                      

  •  
  •                           

 

                              边框:梦中情

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约