奇怪的空格可以'；我们无法摆脱HTML/CSS

我有一个表格，我在表格的单元格中插入了按钮。然而，尽管我可能会尝试，但我无法消除单元格顶部和按钮之间显示的一些空白

以下是JSFIDLE中的一个示例：

我有一张带按钮的简单桌子

<table border="1">
    <tr>
        <td>
             <button id="1"></button>
        </td>
    </tr>
</table>

---

有人能想出办法摆脱它吗？谢谢

如果按钮未使用任何文本值，请使用

字体大小：0或
行高：0

（字体大小0）

（行高0）

另外，
id=“1”
无效，id名称不能以int开头
通过JSFIDLE不清楚问题出在哪里

另外，
none
不是CSS中的
空白
的有效属性。你知道你在做什么吗，或者你只是在添加随机样式，希望它能起作用

无论如何，您的代码格式不正确，CSS以
结尾，什么？此外，您的html在这里和JSFIDLE中都没有正确构造

你似乎根本没有对这个问题做太多研究，而是尝试了随机性等等

我很想帮你，但我看不出有什么问题。这里没有很好的解释，也没有在JSFIDLE中显示。
试试这个：

button {
    height: 15px;
    width: 15px;
    border-radius: 0px;
    display: block;
}

table, td, button {
    margin: 0px;
    padding: 0px;    
}

这将设置
0px所涉及的所有元素的
margins
和
paddings
并将
按钮
元素设置为
显示：块
以消除一些内联元素空白

我确实进行了研究。我知道我在做什么。我没有尝试随机性。“我们都时不时地搞砸了。”布贝利：我为这件事的发生道歉——我并不是故意粗鲁。无论如何，如果你的问题仍然没有得到回答，如果你可以编辑你的问题并添加一些信息，我很乐意帮助你。没关系。这是我在晚上10:30工作得到的。我确实弄明白了。line0height需要设置为零。我觉得自己像个白痴。当然，在使用FireBug的时候不会出现这种情况，结果证明我是个白痴，应该上床睡觉了。我想回答我自己的问题，但不能。需要设置的行距：`行高：0px'
button {
    height: 15px;
    width: 15px;
    border-radius: 0px;
    display: block;
}

table, td, button {
    margin: 0px;
    padding: 0px;    
}