標題重寫為："TD顯示異常"

Question

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

如何將兩個td合併為一個td，但它們不粘在一起，我希望文字不要粘在一起，從刪除的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以重現問題，或至少提供問題的截圖。

通常，表格中的間距是透過padding來實現的。嘗試像這樣的程式碼：

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

這將在表格的每個單元格的上下各添加5px的間距，兩側各添加10px的間距。