HTML: table表格标签横/纵向合并

Table横向合并

  • 实现位置为表格中的: “位数/数值”格. 使用 colspan 表格属性

    <table>
        <tr>
        	<td width=100 colspan="2">位数/数值</td>
            <td width=300>原码</td>
            <td width=300>补码</td>
        </tr>
        <tr>
        	<td>4位</td>
            <td>+6</td>
            <td>0110</td>
            <td>0110</td>
        </tr>
        <tr>
            <td>-5</td>
            <td>1101</td>
            <td>1011</td>
        </tr>
        <tr>
        	<td>8位</td>
            <td>+6</td>
            <td>00000110</td>
            <td>00000110</td>
        </tr>
        <tr>
            <td>-5</td>
            <td>10000101</td>
            <td>11111011</td>
        </tr>
    </table>
    
  • 实现效果:

    位数/数值 原码 补码
    4位 +6 0110 0110
    4位 -5 1101 1011
    8位 +6 00000110 00000110
    8位 -5 10000101 11111011

Table实现纵向合并

  • 使用 rowspan 表格属性

    <table>
        <tr>
        	<td width=100 colspan="2">位数/数值</td>
            <td width=300>原码</td>
            <td width=300>补码</td>
        </tr>
        <tr>
        	<td rowspan="2">4位</td>
            <td>+6</td>
            <td>0110</td>
            <td>0110</td>
        </tr>
        <tr>
            <td>-5</td>
            <td>1101</td>
            <td>1011</td>
        </tr>
        <tr>
        	<td rowspan="2">8位</td>
            <td>+6</td>
            <td>00000110</td>
            <td>00000110</td>
        </tr>
        <tr>
            <td>-5</td>
            <td>10000101</td>
            <td>11111011</td>
        </tr>
    </table>
    
  • 实现效果:

    位数/数值 原码 补码
    4位 +6 0110 0110
    -5 1101 1011
    8位 +6 00000110 00000110
    -5 10000101 11111011