Question

可以用rowspan ??

创建这个表

|---------|---------|  
| 1       |4        |
|---------|         |
| 2       |---------| 
|---------|5        |
| 3       |         |
|---------|---------|

第二列内的每一行都有1.5？

我认为它可以使用属性'height'，或者可能在第二列中创建另一个表...

但是它只能用rowspan或colspan吗？

Answer 1

Rowsapn必须是整数，但您可以使用

＆＃13;

td {
  border: 1px solid;
  padding: 20px;
}

＆＃13;

<table>
  <tr>
    <td>1</td>
    <td rowspan="2">4</td>
  </tr>
  <tr>
    <td rowspan="2">2</td>
  </tr>
  <tr>
    <td rowspan="2">5</td>
  </tr>
  <tr>
    <td>3</td>
  </tr>
</table>

＆＃13;

Answer 2

<强>说明：我们不能将行数设置为十进制值，如0.5 因此，使每个单元格的行数翻倍，使0.5变为1，1.5变为3。

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <style>
    table,
    th,
    td {
      border: 1px solid black;
      border-collapse: collapse;
    }
  </style>
</head>

<body>

  <table>
    <tbody>
      <!-- ROW 1 -->
      <tr>
        <td rowspan="2">1</td>
        <td rowspan="3">4</td>
      </tr>

      <!-- ROW 2 -->
      <tr>
      </tr>

      <!-- ROW 3 -->
      <tr>
        <td rowspan="2">2</td>
      </tr>

      <!-- ROW 4 -->
      <tr>
        <td rowspan="3">5</td>
      </tr>

      <!-- ROW 5 -->
      <tr>
        <td rowspan="2">3</td>
      </tr>

      <!-- ROW 6 -->
      <tr>
      </tr>


    </tbody>
  </table>


</body>

</html>

＆＃13;

Answer 3

我创建了两个表：主表和子表。在主表中，我创建了2列3行。在您的示例中，这三个用于1,2,3。在另一列中，我创建了另一个包含一列和两行的小表。

<table border=1 width='200' height='100' cellpadding='0' cellspacing='0'>
  <tr>
    <td width='100'>&nbsp;</td>
    <td rowspan="3">
      <table border='1' width="100" cellpadding='0' cellspacing='0' height='100%'>
        <tr>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

在rowspan中创建一个带十进制数的行

3 个答案: