表格横向合并代码
  
<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>
效果图如下:
如要把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>
效果图如下:
同理,如要把10、11合成一格,把代码<TD>10</TD><TD>11</TD>
换成<TD colSpan=2 align=middle>10</TD>
效果图如下:
|