显示：内联块额外边距[重复]

我正在和几个人一起工作div被设置为display: inline-block并有一套height and width。在 HTML 中，如果每个后面有一个换行符divdiv 的右侧和底部会自动添加 5 像素边距。

Example:

<div>Some Text</div>
<div>Some Text</div>

是否有一个我忽略的属性可以让我重置自动边距？

Update

根据我的发现，无法删除边距...除非您将所有内容都放在同一行上，或者添加注释以注释掉换行符。例子：

<div>Some Text</div><!--
--><div>Some Text</div>

这不是最好的解决方案，但如果有多行，仍然更容易阅读。

空白会影响内联元素.

这不足为奇。我们每天都会看到 span、strong 和其他内联元素。将字体大小设置为零以删除多余的边距。

.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/ http://jsfiddle.net/QtDGJ/1/