HTML表格中的动态单元格间距

Question

好吧，我什至不知道这是否可能，但我正在尝试使用<table> 来完成以下设计：

我知道只使用<span> 会更容易，甚至不用担心表格，但我认为表格在这里实际上是有意义的。

这是我目前所拥有的：

table {
  text-align: left;
}

<table>
  <tr>
    <th>Population:</th>
    <td>334,300</td>
  </tr>
  <tr>
    <th>Region:</th>
    <td>Europe</td>
  </tr>
  <tr>
    <th>Capital:</th>
    <td>Reykjavík</td>
  </tr>
</table>

Answer 1

您可以重置 th 和 td 的 display 值

table {
  text-align: left;
}
th,td {display:inline;}

<table>
  <tr>
    <th>Population:</th>
    <td>334,300</td>
  </tr>
  <tr>
    <th>Region:</th>
    <td>Europe</td>
  </tr>
  <tr>
    <th>Capital:</th>
    <td>Reykjavík</td>
  </tr>
</table>