把手在我的隔間之間增加了一個空間？有

我的選擇是與車把創建的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>

來源

2013-03-13 Mick

使用inline-block周圍使用div S上的空白（這有什麼可與把手）。

只需設置父元素的font-size爲0，然後設置div小號直接的font-size：

.wrapper { 
    font-size: 0; 
} 

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

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

來源

2013-03-13 18:08:26

因爲display:inline-block它。你需要消除HTML之間的空間從股利DIV：

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

而不是

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

原油的例子，但你明白我的意思。

來源

2013-03-13 18:08:42 PlantTheIdea

您的款式要求每款.divd爲display: inline-block。這使得它們以與常規內聯元素相同的方式（例如純文本）相對於標籤周圍的空白行爲。就像在純文本中如何在標記中有空格導致頁面上有空格一樣，您可以在此處獲得。解決此問題的一種可能方法是在父級上設置font-size: 0，這將使父容器上的空間爲零。儘管如此，你必須在兒童中加回font-size。

http://jsfiddle.net/F6JE7/

來源

2013-03-13 18:10:32

把手在我的隔間之間增加了一個空間？有

回答

相關問題