Css 按钮的奇怪边距

我观察到按钮之间有一个奇怪的空白，我想不出来。看到截图了吗

这是通过Chrome inspector完成的。所有的按钮都是一样的。正如您所看到的，每一个都有右下边距，但没有左边距。这就是为什么我无法理解按钮2和按钮3的边距之间为什么有间隙的原因

在Chrome和Safari上测试

这是HTML代码（分页按钮位于

表的
tfoot
中）：


...
<
1.
2.
3.
4.
>
...
这是因为HTML在按钮之间呈现空白

如何修复它：

放置包装
字体大小：0和按钮
字体大小：16px

将注释应用于布局：



三,。向左浮动按钮
这是因为HTML在按钮之间呈现空白

如何修复它：

放置包装
字体大小：0和按钮
字体大小：16px

将注释应用于布局：



三,。向左浮动按钮
按钮元素之间的空白被视为单个空格。通过将按钮粘在一起将其拆下：

<button></button><button></button>

按钮元素之间的空白被视为单个空格。通过将按钮粘在一起将其拆下：

<button></button><button></button>

你的css在哪里？尝试删除所有空白，如：
，等等。另请参阅。感谢@ACJ链接，这正是我想要的。选择一个答案。你的css在哪里？尝试删除所有空白，如：
，等等。另请参阅。感谢@ACJ链接，这正是我想要的。选择一个答案。
<button></button><button></button>

<button></button><!--
--><button></button>

<button></button><?php
?><button></button>

td {
  font-size: 0;
}
td button {
  font-size: 1rem;
}