TD 显示不正确答案

【问题标题】：TD not displayed correctlyTD 显示不正确
【发布时间】：2022-12-09 15:04:20
【问题描述】：

Susi Handayani Jl。 Kebangsaan No.225 300.000 如何将两个td合并到一个Td里面，但是它没有粘在一起，合并了但是我希望旁边的单词不粘在一起，从删除的td中留出一些空间与上面相同的collum

我试过对齐但它没有用，我也试过分开 tr 并尝试删除一段的 td 但它仍然坚持第二段（td），我期望的是 td 不会粘在一起但是将文字对齐到我制作的文字上方

<h3>Tabel HTML</h3>
<table>
<caption>Tabel Simpanan Peserta</caption>
  <thead>
    <tr>
      <th>No</th>
      <th>Nama Peserta</th>
      <th>Alamat</th>
      <th>Simpanan</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td colspan="3">Total</td>
    <td>350.000</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>1.</td>
      <td>Andi Suryono</td>
      <td>Jl. Kemerdekaan No.17</td>
    <td>50.000</td>
    </tr>
    <tr>
      <td>2.</td>
        <td colspan="3">Susi Handayani
        Jl. Kebangsaan No.225
        300.000</td>
    </tr>
    <tr>
        <td>3.</td>
        <td>Roy Pratama</td>
        <td>Jl. Merdeka No.32</td>
      <td>1.000.000</td>
      </tr>
    </tr>
    <tr>
      <td>4.</td>
      <td>Tia Suryani</td>
      <td>Jl. Jelajah No.111</td>
    <td>1.555.000</td>
    </tr>
  </tbody>
</table>

所以我试图让桌子融合而不是粘在一起，我打算给这个词一些空间，我如何为每个 Coluum 留出空间

【问题讨论】：

标签： html css html-table background margin

【解决方案1】：

你在谈论样式，但你没有发布任何样式标签或 CSS。发布您拥有的通用 CSS 以重现问题，或者至少发布问题所在的屏幕截图。

通常，表格中的间距带有填充。尝试类似的东西：

<style>
td { 
    padding: 5px 10px;
}
</style>

这将使表格中每个单元格的顶部和底部各有 5px，两侧各有 10px。

【讨论】：