HTML 表格單元格 margin 無效的原因與替代方案

現象

對 <td id="f"> 設置 margin: 15px; 無效果。

原因

• margin 是元素**外部**間距，padding 是**內部**間距。
• <table> 支持 margin，不支持 padding。
• <td> 支持 padding，**不支持 margin**（CSS 標準規定表格單元格無外邊距）。

解決方案

1. 單元格內部留白：對 td 使用 padding: 15px;。
2. 單元格之間間距：在 <table> 標籤添加 cellspacing="18"（屬性值為像素，不可單獨控制某邊）。
3. CSS 方式（推薦）：

   table { border-collapse: separate; border-spacing: 18px; }
   td { padding: 15px; }

   border-collapse: separate 必須設置，否則 border-spacing 不生效。

示例

<table width="50%" border="1" align="center" cellspacing="18">
  <tr>
    <td id="f">&nbsp;</td>
    <td id="f">&nbsp;</td>
  </tr>
</table>

總結：td 用 padding 控制內邊距，表格整體用 border-spacing 或 cellspacing 控制單元格間距。