Question

我正在做一个项目，目前我无法使用CSS。我想做一个包含3列和3行的表，这样： Table 。因此，您可以看到A单元格需要colspan =“2”和rowspan =“2”。这是我使用的代码：

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Table HTML</title>
    <style>
      table, tr, th, td {border: 1px solid black;}
      tr, th, td {padding: 10px;}
    </style>
  </head>
  <body>
    <table>
      <tr>
        <th rowspan="2" colspan="2">A</th>
        <th>B</th>
        <th>C</th>
      </tr>

        <tr>
          <td>D</td>
          <td>E</td>
        </tr>

        <tr>
          <td colspan="2">F</td>
          <td colspan="2">G</td>
        </tr>

    </table>
  </body>
</html>

但是A单元格不是2行，F和G相同我怎样才能以正确的方式适应所有细胞？

我找到了CSS宽度属性的解决方案，用这种方式：

<!DOCTYPE html>
<html lang="it" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Tabella HTML</title>
    <style>
      table, tr, th, td {border: 1px solid black;}
      tr, th, td {padding: 10px;}
    </style>
  </head>
  <body>
    <table>
      <tr>
        <th rowspan="2" colspan="2">A</th>
        <th>B</th>
        <th>C</th>
      </tr>

        <tr>
          <td>D</td>
          <td>E</td>
        </tr>

        <tr>
          <td colspan="2" style="width:50%">F</td>
          <td colspan="2" style="width:50%">G</td>
        </tr>

    </table>
  </body>
</html>

但是对于这个项目我不能使用CSS。感谢。

Answer 1

人们已经足够老了（或者直到最近创建HTML电子邮件）仍然记得旧的width HTML属性：）

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title>Table HTML</title>
  <style>
    table,
    tr,
    th,
    td {
      border: 1px solid black;
    }
    
    tr,
    th,
    td {
      padding: 10px;
    }
  </style>
</head>

<body>
  <table>
    <tr>
      <th rowspan="2" colspan="2">A</th>
      <th>B</th>
      <th>C</th>
    </tr>

    <tr>
      <td>D</td>
      <td>E</td>
    </tr>

    <tr>
      <td colspan="2" width="100">F</td>
      <td colspan="2" width="100">G</td>
    </tr>

  </table>
</body>

</html>

Colspan没有按预期工作（没有CSS）

1 个答案: