css TD未正确显示

a1o7rhls 于 2022-12-15 发布在其他

关注(0)|答案(1)|浏览(155)

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

我试着把table融合在一起，但不要粘在一起，我计划给予这个词一些空间，我如何使每一列的空间

css

来源：https://stackoverflow.com/questions/74739686/td-not-displayed-correctly

1条答案

按热度按时间

ogq8wdun1#

你说的是样式，但是你没有发布任何样式标签或者CSS。发布你的通用CSS，重现问题，或者至少是一个问题所在的截图。
通常，表格中的间距与填充一起提供。请尝试以下操作：

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

这将在表格中的每个单元格的顶部和底部放置5px，两侧放置10px。

赞(0）回复(0）举报 2022-12-15

我来回答

css TD未正确显示

1条答案

相关问题

热门标签

最新问答