阻止额外的利润
这个问题在这里已经有了答案：
div被视为内联元素。 正如两个跨度之间的空间或分界线会造成间隙一样，它会在内联块之间进行。 你可以给他们一个负边距或设置word-spacing: -1; 在周围的容器上。
空白会影响内联元素 。
这不应该是一个惊喜。 我们每天都会看到它有跨度，强壮和其他内联元素。 将字体大小设置为零以除去额外的边距。
.container {
font-size: 0px;
letter-spacing: 0px;
word-spacing: 0px;
}
.container > div {
display: inline-block;
margin: 0px;
padding: 0px;
font-size: 15px;
letter-spacing: 1em;
word-spacing: 2em;
}
这个例子会看起来像这样。
<div class="container">
<div>First</div>
<div>Second</div>
</div>
这是一个jsfiddle版本。 http://jsfiddle.net/QtDGJ/1/
一年之后，偶然发现了一个内联LI问题，但发现了一个很好的解决方案，可能适用于此。
http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/
所有我的LI元素的vertical-align:bottom修复了所有浏览器中的“额外边距”问题。
上一篇: block extra margin