zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    laravel5.6 调用第三方类库
    substring
    SpringSecurity3配置及原理简介
    正则表达式
    type=json
    正则表达式2
    笔记1
    oracle 自带函数大全及例子
    Vector容器类
    HQL
  • 原文地址:https://www.cnblogs.com/ieeqc/p/14460377.html
Copyright © 2011-2022 走看看