表的td之间的HTML空间

这项工作如何可能：

 <TABLE>
 <TR>
    <TD  onclick="play('cell1')" id="cell1">-</TD>
    <TD onclick="play('cell2')" id="cell2">-</TD>
    <TD onclick="play('cell3')" id="cell3">-</TD>
 </TR>
 <TR>
    <TD onclick="play('cell4')" id="cell4">-</TD>
    <TD onclick="play('cell5')" id="cell5">-</TD>
    <TD onclick="play('cell6')" id="cell6">-</TD>
 </TR>
 <TR>
    <TD onclick="play('cell7')" id="cell7">-</TD>
    <TD onclick="play('cell8')" id="cell8">-</TD>
    <TD onclick="play('cell9')" id="cell9">-</td>
 </TR>

-
-
-
-
-
-
-
-
-

---

但如果我在“-”之间加上空格，它就不会。我知道在HTML中元素的位置并不重要（我的意思是，在本例中）。为什么？

CSS解决方案：

如果我没弄错的话，你想把

-

放在两个空格之间，所以你只需要用

padding:0px 5px

使用

td

元素，这是一个片段演示：

表td{
填充：0px 5px；
}

-
-
-
-
-
-
-
-
-

您可以在HTML中使用“”作为空格。您的问题不清楚是否要删除

-

并放置空格，因此只需使用

即可。我不知道您在问什么。在这种情况下，“工作”是什么意思？（为什么要使用表格数据单元格元素作为按钮而不是按钮元素？@Quentin我相信OP会问为什么在破折号之间留空格不起作用。是的@Vucko，这是我的问题。很抱歉不够清楚。@Vucko很公平，但这将是最简单也是最好的解决方案。