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

假设我有几个内联块div标记，如下所示

<div class="image">

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

</div>

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

但是，如果我这样编写HTML：

<div class="image">

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

</div>

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

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

谢谢你的帮助

---

根据要求，JSFIDLE：

---

---

使用单词间距更新：

将以下内容放在父元素上：

word-spacing:-4px;

或者尝试：

font-size:0px;

---

它可能工作得更好，因为它不会受到文本大小调整的影响。

这是一种内联元素行为，所以请尝试向左浮动

您可以将“display:flex；”属性设置为其父包装器：

.flexbox {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

---

这很奇怪，你有活生生的例子吗？另外，您正在测试哪个浏览器？它不应该像您所说的那样发生……您能用JSFIDLE生成一个JSFIDLE示例更新的问题吗link@josh-克洛泽：对不起，当这个问题比你大两年的时候，这怎么会是重复的呢？这根本没用：-）是的，我忘了单词间距：0；是默认值-4px应该可以做到这一点。但是，这会受到文本大小调整的影响，所以我在回答中添加了第二个解决方案；从继承下来的层次结构？编辑：没关系，字体大小解决方案不起作用：不，唯一的解决方案是.nowhitespace{font-size:0px；}nowhitespace>*{font-size:12px；}我不能将元素向左浮动并居中。至少我还没有弄明白怎么做-有什么想法吗？你想让这些元素在容器中居中吗？我想让它们居中，如果元素超过容器的宽度，就打断到下一行。内联块的完美任务：）