jquery - Handlebars 在我的 div 之间添加了一个空格？

Question

jsFiddle

我选择了一些用 Handlebars 创建的 div，(上面的链接)，在我的 div 样式中没有边距或填充但是当它们用 Handlebars 渲染时我在 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，然后直接设置div的font-size即可:

.wrapper {
    font-size: 0;
}

.divd { 
    display: inline-block;
    width: 50px;
    height: 50px;   
    font-size: 14px;
}

这是你的 fiddle :http://jsfiddle.net/fz2Hv/