html - 如何删除内联元素之间空格的可见性？

Question

假设我有几个内联 block div 标签，就像这样

<div class="image">

</div>
<div class="image">

</div>

类图像只是将它们的大小设置为 100x100 和灰色背景色。它们的边距和边框设置为 0，但两个矩形之间仍然存在间距。

但是，如果我编写这样的 HTML:

<div class="image">

</div><div class="image">

</div>

删除 div 之间的所有空白，间距消失。

因为我不想那样写我的 HTML，所以我想一定有一种方法可以使用 CSS 删除空格。我不在乎空格是否被删除、隐藏或缩小，只要它的可见性被删除即可。

感谢您的帮助

---

根据要求，JSFiddle:http://jsfiddle.net/6h3Jx/

---

更新了字间距:http://jsfiddle.net/6h3Jx/1/

Answer 1

这是一个内联元素行为，所以尝试向左浮动。 http://jsfiddle.net/aVrSx/