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

Hub*_*bro 5 html css whitespace inline block

假设我有几个内联块div标签,就像这样

<div class="image">

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

</div>
Run Code Online (Sandbox Code Playgroud)

类图像只是将它们的大小设置为100x100和灰色背景颜色.它们的边距和边框设置为0,但两个矩形之间有间距.

但是,如果我写这样的HTML,那么:

<div class="image">

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

</div>
Run Code Online (Sandbox Code Playgroud)

删除div之间的所有空格,间距消失.

因为我不想这样写我的HTML,所以我认为必须有一种方法可以使用CSS删除空格.只要它的可见性被删除,我不在乎是否删除,隐藏或缩小空格.

谢谢你的帮助


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


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

小智 1

这是一种内联元素行为,因此请尝试向左浮动。http://jsfiddle.net/aVrSx/