首页  >  问答  >  正文

标题重写为:"TD显示异常"

<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>

我试图使表格融合在一起,但不粘在一起,我计划给文字留出一些空间,如何为每一列创建空间

P粉147747637P粉147747637421 天前1011

全部回复(1)我来回复

  • P粉187160883

    P粉1871608832023-09-16 09:07:46

    你在谈论样式,但是你没有发布任何样式标签或CSS。请发布你的通用CSS以重现问题,或者至少提供问题的截图。

    通常,表格中的间距是通过padding来实现的。尝试像这样的代码:

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

    这将在表格的每个单元格的上下各添加5px的间距,两侧各添加10px的间距。

    回复
    0
  • 取消回复