如何创建包含不同列的两个表行？

Question

我希望保持两行<tr>的宽度相同。

第一个<tr>包含两个<td>，第二行只包含一个<td>，但就像现在一样，第二行的宽度与第一行的宽度不同（请参阅我的脚本）恳求）

如何保持第一行的原样并使第二行100宽？

table{
  width:100%;
}

table tr td{
  width:100%;
  border:1px solid black;
  border-collapse: collapse;
}

.second-row{
  width:100%;
}

<table>
  <tr class="first-row">
    <td>hello</td>
    <td>world</td>
  </tr>
  <tr class="second-row">
    <td>hello world</td>
  </tr>
  
</table>

Answer 1

使用colspan

＆＃13;

＆＃13;

table{
  width:100%;
}

table tr td{
  width:100%;
  border:1px solid black;
  border-collapse: collapse;
}

.second-row{
  width:100%;
}

＆＃13;

<table>
  <tr class="first-row">
    <td>hello</td>
    <td>world</td>
  </tr>
  <tr class="second-row">
    <td colspan="2">hello world</td>
  </tr>
  
</table>

＆＃13;

＆＃13;

＆＃13;