删除所有填充/边框/边距

Question

首先，我知道我们对此有一千个问题，但我相信我已经完成了所有相关的事情并尝试了。简而言之，我有一个带有正文的简单html页面，其中包含一个表，其中包含2行，每行有两个单元格。我删除了所有填充，边距和边框，除了我在设置宽度/高度时考虑边框直径。目标是打印一个4x3“标签的东西，这是身体尺寸设置为毫米。

tl;博士：为什么我还有填充？

* {
    margin: 0;
    padding: 0;
}

.noMarginBordersPadding{
    padding: 0px;
    border: 0px;
    margin: 0px;
}

http://codepen.io/anon/pen/EPEKba

P.S。如果你打印，底部，边框下面也有神秘的空白，但我不想过多地淡化这个问题。

Answer 1

您还需要为表格设置border-collapse property。默认值为separate：

table {
  border-collapse: collapse;
}