0

jsFiddle

我选择了一些使用把手创建的 div，（上面的链接），在我的 div 样式中，没有边距或填充，但是当它们使用把手渲染时，我在 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>
4

3 回答 3

1

Usinginline-block使用 s 周围的空格div（这与 Handlebars 无关）。

只需将父元素的sfont-size设置为0，然后直接设置sfont-size的divs即可：

.wrapper {
    font-size: 0;
}

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

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

于 2013-03-13T18:08:26.543 回答
1

其原因在于display:inline-block。您需要消除从 div 到 div 的 HTML 之间的空格：

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

代替

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

粗鲁的例子，但你明白我的意思。

于 2013-03-13T18:08:42.437 回答
1

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

http://jsfiddle.net/F6JE7/

于 2013-03-13T18:10:32.597 回答