Question

下面是我的代码

<!DOCTYPE html>
<html>

<head>
  <style>
    table,
    th,
    td {
      border-collapse: collapse;
      border: 1px solid black;
      padding: 10px;
      background: rgb(241, 241, 241);
    }

    th,
    td {
      padding: 10px;
      text-align: center;

    }
  </style>
</head>

<body>

  <table style="width:100%">
    <h3 style="text-align: center; ">Reviews</h3>
    <tr>
      <th colspan=3>Games' title</th>
    </tr>
    <tr>
      <th rowspan=2 style="text-align: left; ">picture and profile name</th>
      <th>Rating</th>
      <th>duration</th>
    </tr>
    <tr>

      <td>8</td>
      <td>36</td>

    </tr>
    <tr>
      <th>testing</th>
    </tr>

  </table>

</body>

</html>

那么如何使最后一行（称为“测试”）占据整个行，而不是仅位于名为图片和个人资料名称的行下方？

Answer 1

尝试此代码

<tr>
<th colspan="3">testing</th>
</tr>

Answer 2

您尝试将其添加为

<th colspan=3>testing</th>

如何使最后一行称为“测试”的行占据整个行？

2 个答案: