html - 带有显示内联 block 的 Div

Question

我有两个彼此相邻的相似 div。但是中间有空白，我无法删除？

我的html如下

<div class="model-box" style="background-color:red;display:inline-block;width:98px;height:30px;">   
</div>
<div class="model-box" style="background-color:red;display:inline-block;width:98px;height:30px;">   
</div>

fiddle 如下

http://jsfiddle.net/xJW7G/

为什么会这样？

提前感谢您的帮助？

Answer 1

这是因为 div 之间的空白字符，您可以去掉它，参见:http://jsfiddle.net/xJW7G/1/ ，或将其注释掉，例如

<div class="model-box" style="background-color:red;display:inline-block;width:98px;height:30px;">   
</div><!--
--><div class="model-box" style="background-color:red;display:inline-block;width:98px;height:30px;">   
</div>