标题重写为："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的间距。