<分区>
我有这样的布局:Fiddle link
.td 之间有一些空白，即使边距和填充设置为 0。
为什么会发生这种情况以及如何解决这个问题？可能是负边距？或者有什么更好的解决方案？
<style>
.tr {
height: 20px;
border: 1px solid black;
overflow: hidden;
white-space: nowrap;
word-spacing: 0;
}
.td {
display: inline-block;
height: 20px;
margin: 0;
padding: 0;
}
</style>
<div class="tr" style="width: 150px;">
<div class="td" style="width: 50px; background-color: #CCC;"></div>
<div class="td" style="width: 50px; background-color: #AAA;"></div>
<div class="td" style="width: 50px; background-color: #666;"></div>
</div>