TD 顯示不正確

Question

<tr> 
    <td></td> 
    <td colspan="3">Susi Handayani Jl. Kebangsaan No.225 300.000</td> 
</tr>

How to merge the two td to be inside one Td, but it's not sticking together, merged but I want the word to not stick together beside, 從刪除的td中留出一些空間，使其與上面的列相同

我試過對齊但沒有用，我也試過分開 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>

我試圖讓表格融合但不粘在一起，我打算給這個詞一些空間，我如何為每一列留出空間

Answer 1

您在談論樣式，但您沒有發布任何樣式標簽或 CSS。 發布您的一般 CSS，以重現問題，或者至少是問題所在的屏幕截圖。

通常，表格中的間距帶有填充。 嘗試類似的東西：

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

這將使表格中每個單元格的頂部和底部各有 5px，兩側各有 10px。