把手在我的div之间增加了一个空间？

Question

jsFiddle

我有一些使用把手创建的div，（上面的链接），在我的divs样式中没有边距或填充但是当它们用把手渲染时我在div之间有差距，我不想要他们在那里，有什么建议吗？

     <div id='vehicles' class='wrapper'>
         <div class='divd'>&nbsp</div>
            {{#each this}}
               <div id='{{group}}' title='Driver Details' class='divd {{group}}' >
               {{trailer}} 
               </div>
            {{/each}}
         </div>
     </div>

Answer 1

使用inline-block使用div周围的空白（这与Handlebars没有任何关系）。

---

只需将父元素的font-size设置为0，然后直接设置font-size的{​​{1}}：

div

这是你的小提琴：http://jsfiddle.net/fz2Hv/

Answer 2

因为display:inline-block。你需要消除HTML从div到div之间的空间：

</div><div id="NewDiv">

而不是

</div>
<div id="NewDiv">

粗略的例子，但你理解我的意思。

Answer 3

您的样式要求每个.divd为display: inline-block。这使得它们以与常规内联元素（例如，纯文本）相同的方式相对于标签周围的空白行为。就像在纯文本中你在标记中有空格导致页面上的空格一样，你可以在这里得到它。解决此问题的一种可能方法是在父级上设置font-size: 0，这将使父级容器上的空间为零。你必须在孩子们中添加一个font-size。

http://jsfiddle.net/F6JE7/